<template>
	<div class="wrap-page">
		<div class="header">
		    <div class="header-science">
		        <div class="header-science-box">
		            <div class="header-science-box-logo">
						<img src="../../assets/logo.png" alt="">
		                <div style="padding-left:9px">江西省水利学会</div>
		            </div>
		        </div>
		        <div class="header-science-nav clear-fix">
		            <div class="header-science-nav-li clear-fix">
		                <div class="header-science-nav-li-link">
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span>首页</span>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span style="cursor: pointer;">关于学会</span>
		                        <div class="header-science-nav-li-link-nv-snv">
		                           <span @click="enterDetail(item)" v-for="item in guanyuxuehui"  key="item.categoryCode">{{item.categoryName}}</span>
		                           
		                        </div>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span @click="enterDetail(xuehuidangjian)">学会党建</span>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span style="cursor: pointer;">学术交流</span>
		                        <div class="header-science-nav-li-link-nv-snv">
		                            <span @click="enterDetail(item)" v-for="item in xueshujiaoliu"  key="item.categoryCode">{{item.categoryName}}</span>
		                        </div>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span href="/cms/list.do?typeid=626">评价奖励</span>
		                        <div class="header-science-nav-li-link-nv-snv">
		                          <span @click="enterDetail(item)" v-for="item in pingjiajiangli"  key="item.categoryCode">{{item.categoryName}}</span>
		                        </div>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span @click="enterDetail(shuilikepu)">水利科普</span>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span  @click="enterDetail(xuehuixinwen)">学会新闻</span>
		                    </div>
		                    <div class="header-science-nav-li-link-nv" onmouseover="this.style.backgroundColor='#0668b2';" onmouseout="this.style.backgroundColor='';">
		                        <span style="cursor: pointer;">联系我们</span>
		                        <div class="header-science-nav-li-link-nv-snv">
		                            <span @click="enterDetail(item)" v-for="item in lianxiwomen"  key="item.categoryCode">{{item.categoryName}}</span>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		
		    </div>
		</div>
		<div class="main">
		    <div class="main-science">
		        <div class="main-science-box">
		           
		
		            <div class="main-content-box-banner swiper-container" style="margin-top: 8px">
		                <div class="swiper-wrapper" >
		                    <div   @click="enterDetail(item)" class="swiper-slide" v-for="item in gwlbList" :key="item.articleCode">
		                        <span class="main-content-box-banner-img">
		                            <img style="cursor:pointer"    :src="item.articleImg" alt="">
		                           
		                            <span>{{item.articleTitle}}</span>
		                        </span>
		                    </div>
		                    
		                </div>
		                <div class="main-content-box-pagination swiper-pagination"></div>
		            </div>
		            <div class="main-science-block w380"
		                style="margin-left: -6px;margin-top: -4px;height: 380px;width: 450px;line-height: 21.3px;">
		                <div class="main-science-block-title"><span >
						<span class="zn">学会新闻/</span>
						<span class="en">News</span>
						</span> <span @click="enterDetail(xuehuixinwen)">更多></span>
		                </div>
		                <div class="main-science-block-li" style="background-size: 100%; ">
							
		                    <span @click="enterDetail(item)" v-for="item in xuehuixinwenList" :key="item.articleCode"  class="main-science-block-li-link">
		                        <span class="main-science-block-li-link-title"
		                            style="overflow:hidden;max-width: 398px;white-space: nowrap;text-overflow: ellipsis; ">{{item.articleTitle}}</span>
		                        <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                    </span>
		                   
		                   
		                    
		                   
		                   
		                  
		                   
		                   
		                </div>
		            </div>
		            <div class="main-science-blank">
		                 <div class="main-science-blank-box" style="margin-top:-9px">
		                    <div class="main-science-blank-box-title">
								
								<span >
								<span class="zn">通知公告/</span>
								<span class="en">Notice </span>
								</span>
								<span @click="enterDetail(tzgg)">更多></span>
		                    </div>
		                    <div style="margin-top:1px;height:130px" class="main-science-blank-box-content">
		                       
		                        <span @click="enterDetail(item)" v-for="item in tzggList" :key="item"  class="main-science-block-li-link" >
		                            <span class="main-science-block-li-link-title">{{item.articleTitle.substring(0,20)}}</span>
		                        </span>
		                    </div>
		                </div>
		                <div class="main-science-blank-box" style="margin-top:0px">
		                    <div class="main-science-blank-box-title" style="background-image: linear-gradient(to right, red, red);padding:0px 0">
								
								<span >
								<span class="zn">光荣榜/</span>
								<span class="en">Honor Roll</span>
								</span>
								<span @click="enterDetail(grb)">更多></span>
		                    </div>
		
		                    <div class="main-science-blank-box-content" style="height:130px">
		                        <span v-for="item in grbList" :key="item" @click="enterDetail(item)" class="main-science-block-li-link">
		                            <span class="main-science-block-li-link-title">{{item.articleTitle.substring(0,20)}}</span>
		                        </span>
		                       
		                    </div>
		                </div>
		             
		            </div>
		
		            <div class="main-science-block w380" style="margin-top: -50px;">
		                <div class="main-science-block-title">
							
							<span >
							<span class="zn">学会党建/</span>
							<span class="en">Party Building  </span>
							</span>
							<span @click="enterDetail(xuehuidangjian)">更多></span>
		                </div>
		                <div class="main-science-block-li" style="height:86%">
		                   
		                  
		                   <span @click="enterDetail(item)" v-for="item in xuehuidangjianList" :key="item.articleCode"  class="main-science-block-li-link">
		                       <span class="main-science-block-li-link-title"
		                           style="overflow:hidden;max-width: 398px;white-space: nowrap;text-overflow: ellipsis; ">{{item.articleTitle.substring(0,22)}}</span>
		                       <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                   </span>
		                </div>
		            </div>
		            <div class="main-science-block w380" style="margin-top: -50px;">
		                <div class="main-science-block-title">
							<span >
							<span class="zn">分支机构动态/</span>
							<span class="en">Branch Dynamics   </span>
							</span>
							
							 <span @click="enterDetail(fzjgdt)">更多></span>
		                </div>
		                <div class="main-science-block-li"  style="height:86%">
		                   
		                   
		                    <span v-for="item in fzjgdtList" :key="item" @click="enterDetail(item)" class="main-science-block-li-link">
		                        <span class="main-science-block-li-link-title">{{item.articleTitle}}</span>
		                        <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                    </span>
		                </div>
		            </div>
		            <div class="main-science-block w380" style="margin-top: -50px;">
		                <div class="main-science-block-title">
							
							<span >
							<span class="zn">会员动态/</span>
							<span class="en">Member Updates  </span>
							</span>
							
							<span @click="enterDetail(hydt)">更多></span></div>
		                <div class="main-science-block-li" style="height:86%">
		                   
		                   
		                    <span v-for="item in hydtList" :key="item" @click="enterDetail(item)" class="main-science-block-li-link">
		                        <span class="main-science-block-li-link-title">{{item.articleTitle}}</span>
		                        <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                    </span>
		                </div>
		            </div>
		            <div class="main-science-block w380" style="margin-top: 0px;">
		                <div class="main-science-block-title">
							
							<span >
							<span class="zn">学术交流/</span>
							<span class="en">Communication  </span>
							</span>
							<span @click="enterDetail(xueshujiao)">更多></span></div>
		                <div class="main-science-block-li" style="height:84%">
		                   
		                   <span @click="enterDetail(item)" v-for="item in xueshujiaoliuList" :key="item.articleCode"  class="main-science-block-li-link">
		                       <span class="main-science-block-li-link-title"
		                           style="overflow:hidden;max-width: 398px;white-space: nowrap;text-overflow: ellipsis; ">{{item.articleTitle}}</span>
		                       <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                   </span>
		                </div>
		            </div>
		            <div class="main-science-block w380" style="margin-top:0px;">
		                <div class="main-science-block-title">
							
							<span >
							<span class="zn">水利科普/</span>
							<span class="en">Popular Science  </span>
							</span>
							 <span @click="enterDetail(shuilikepu)">更多></span>
		                </div>
		                <div class="main-science-block-li"  style="height:84%">
		                   
		                   <span @click="enterDetail(item)" v-for="item in shuilikepuList" :key="item.articleCode"  class="main-science-block-li-link">
		                       <span class="main-science-block-li-link-title"
		                           style="overflow:hidden;max-width: 398px;white-space: nowrap;text-overflow: ellipsis; ">{{item.articleTitle}}</span>
		                       <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                   </span>
		                </div>
		            </div>
		            <div class="main-science-block w380" style="margin-top: 0px;">
		                <div class="main-science-block-title">
							
							<span >
							<span class="zn">赣鄱水利科技奖动态/</span>
							<span class="en">Awards  </span>
							</span>
							<span @click="enterDetail(gpslkjdt)">更多></span></div>
		                <div class="main-science-block-li" style="height:84%">
		                   
		                   <span v-for="item in gpslkjdtList" :key="item" @click="enterDetail(item)" class="main-science-block-li-link">
		                       <span class="main-science-block-li-link-title">{{item.articleTitle}}</span>
		                       <span class="main-science-block-li-link-time">{{item.articleTime}}</span>
		                   </span>
		                </div>
		            </div>
		        </div>
		       
		        <div class="main-scenery" style="box-shadow:none;border: 1px solid #e5e5e5;margin-top: -8px;">
		            <div class="main-scenery-box">
		                <span  @click="enterDetail(ganpojiangyouzhigongcheng.children[0])" class="main-scenery-title">江西省水利工程优质(赣鄱)奖</span>
		                <div class="main-scenery-banner swiper-container">
		                    <div class="swiper-wrapper">
		                        <div class="swiper-slide" v-for="item in ganpojiangyouzhigongchengList" :key="item.articleCode">
		                            <span @click="enterDetail(item)" class="main-scenery-banner-img">
		                                <img :src="item.articleImg" alt="">
		                                <span>{{item.articleTitle}}</span>
		                            </span>
		                        </div>
		                    </div>
		                    <div class="swiper-button-next"></div>
		                    <div class="swiper-button-prev"></div>
		                </div>
		            </div>
		        </div>
		        <div class="main-public" style="box-shadow:none;border: 1px solid #e5e5e5;margin-top: 10px;">
		            <div class="main-public-box">
		                <div class="main-public-box-title"></div>
		                <div class="main-public-box-content1">
		                    <span @click="enterDetail(gpkjjsb)">
		                        <img src="http://www.jxsks.com/template/1/jxsks/img/public5.png" alt="">赣鄱科技奖申报
		                    </span>
		                    <span @click="enterDetail(gpjyzgcsb)" href="http://www.jxsks.com/cms/view.do?id=1011736&orderby=cms_content.id&order=ASC&typeid=628">
		                        <img src="http://www.jxsks.com/template/1/jxsks/img/public5.png" alt="">赣鄱奖优质工程申报
		                    </span>
		                    <span @click="enterDetail(kjcgpjsq)">
		                        <img src="http://www.jxsks.com/template/1/jxsks/img/public5.png" alt="">科技成果评价申请
		                    </span>
		                    <span @click="enterDetail(rhsq)">
		                        <img src="http://www.jxsks.com/template/1/jxsks/img/public5.png" alt="">入会申请
		                    </span>
		                </div>
		            </div>
		        </div>
		        <div class="main-science-link">
		            <div class="main-science-link-title">友情链接</div>
		            <div class="main-science-link-li">
		                <a v-for="item in linkArr" :href="item.explaind" target="_blank">{{item.dataName}}</a>
		               
		
		            </div>
		        </div>
		    </div>
		</div>
		
		
		
		
		
		
		
		
		<div class="footer">
		 <div class="footer-box">
		  
		  <div class="footer-box-bottom">
		  
		   <div class="footer-box-bottom-text">版权所有    江西省水利学会    备案号：赣ICP备13004818号-1</div>
		   <div class="footer-box-bottom-text">主办：江西省水利学会    地址：江西省南昌市北京东路1038号    邮编：330029    联系电话及传真：0791-876066609    </div>
		  </div>
		 </div>
		</div>
		<div class="suspension">
		 <div class="suspension-wchat"  v-show="suspension">
		  <div class="suspension-wchat-rq">
		   <img src="../../assets/WeChat1.jpg" alt="">
		  </div>
		  <div class="suspension-wchat-title">江西省水利学会<br/>微信公众号</div>
		  <div class="suspension-wchat-search">
		   <input type="text" placeholder="站内搜索" v-model="keyword">
		   <img src="../../assets/search.png" alt=""  @click="search">
		  </div>
		 </div>
		  
		  <!-- <div class="suspension-report"  v-show="suspension">
		  <a href="http://www.wenming.cn/wmsjk/gygg_53753/202201/t20220129_6290134.shtml">
		   <img src="../../assets/2022101202.png" alt="">
		  </a>
		 </div>
		  
		  <div class="suspension-report"  v-show="suspension">
		  <a href="http://www.jxsks.com/cms/list.do?typeid=35">
		   <img src="../../assets/2022101201.png" alt="">
		  </a>
		 </div>
		  
		   <div class="suspension-report" v-show="suspension">
		  <a href="http://www.jxsks.com/cms/view.do?id=1009887&orderby=content_sort&order=desc&typeid=553">
		   <img src="../../assets/dwfk.png" alt="">
		  </a>
		 </div>
		  
		  <div class="suspension-report" v-show="suspension">
		  <a href="http://www.jxsks.com:8088/hrzp_web/index.html#/indexPage">
		   <img src="../../assets/rszp.png" alt="">
		  </a>
		 </div>
		 -->
		 <div @click="suspension=!suspension" class="suspension-close" v-show="suspension"></div>
		 <div @click="suspension=!suspension" class="suspension-arrow" v-show="!suspension"></div>
		</div>
		
	</div>
	
</template>

<script>

import {
	slxhapisystemdictgetDict,
slxhapisystemarticleinfogetArticleList,
slxhapisystemcategorygetArticleTreeList} from '../../../api/manpart.js'
import { computed,ref, defineComponent,reactive,onMounted,nextTick  } from 'vue';
import { PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue';
import {useRouter} from 'vue-router'
import Swiper from 'swiper/swiper-bundle.esm.js';
import  dayjs from 'dayjs'
import { cascaderProps } from 'ant-design-vue/lib/vc-cascader';



export default defineComponent({
	components: {
	    LoadingOutlined,
	    PlusOutlined,
	  },
  setup() {
	  let keyword=ref('')
	  let gwlbList=ref([])
	  let gwlb=ref({})
	  let fzjgdtList=ref([])
	  let fzjgdt=ref({})
	  let hydt=ref({})
	  let hydtList=ref([])
	  let rhsq=ref({})
	  
	  let tzggList=ref([])
	  let tzgg=ref([])
	  let grbList=ref([])
	  let grb=ref([])
	  let gpslkjdt=ref({})
	  let gpslkjdtList=ref([])
	  let shuilikepuList=ref([])
	  let xueshujiaoliuList=ref([])
	  let gpkjjsb=ref({})
	  let gpjyzgcsb=ref({})
	  let kjcgpjsq=ref({})
	  let xuehuidangjianList=ref([])
	  let xuehuixinwenList=ref([])
	  let ganpojiangyouzhigongchengList=ref([])
	  let suspension=ref(true)
	  let guanyuxuehui=ref([])
	  let xueshujiaoliu=ref([])
	  let pingjiajiangli=ref([])
	  let lianxiwomen=ref([])
	  let xuehuidangjian=ref({})
	  let shuilikepu=ref({})
	  let xuehuixinwen=ref({})
	  let ganpojiangyouzhigongcheng=ref({})
	  const $route=useRouter()


     let menuData=ref([])
	
	   
	   onMounted(()=>{
		   
			
			getbottomLink()
		   getMenuData()
		  
		    

	   })
	   let linkArr=ref([])
	   const getbottomLink=()=>{
		   slxhapisystemdictgetDict({
			   type:1
		   }).then(e=>{
			   linkArr.value=e.object
			   console.log(e)
		   }).catch(err=>{
			   console.log(err)
		   })
	   }
		const getListgp=(categoryCodeList,type,pageSize)=>{
				  
				   slxhapisystemarticleinfogetArticleList({categoryCodeList,pageSize,currentPage:1}).then(e=>{
					  let arr=[]
					   switch(type){
						   case 1:
						   
							ganpojiangyouzhigongchengList.value=e.object.dataList.map(item=>{
								item.articleImg=globalVar.viewfileUrl+item.articleImg
								return item
							})
							let len=ganpojiangyouzhigongchengList.value.length
							switch(len){
								case 1:
									ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
									ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
									ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
									ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
									
								break;
								case 2:
									arr=[ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0]),ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[1])]
									for(let i=0;i<30;i++){
										ganpojiangyouzhigongchengList.value.concat(arr)
									}
								break;
								case 3:
									
									arr=[ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0]),ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[1]),ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[2])]
									for(let i=0;i<30;i++){
										ganpojiangyouzhigongchengList.value.concat(arr)
									}
									
								break;
								case 4:
									
									arr=[ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0]),ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[1]),ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[2]),,ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[3])]
									for(let i=0;i<30;i++){
										ganpojiangyouzhigongchengList.value.concat(arr)
									}
									
								break;
								
							}
							
							nextTick(()=>{
								const mainSceneryBanner = new Swiper('.main-scenery-banner', {
								    slidesPerView: 5,
								    spaceBetween: 10,
								       autoplay: {
								           delay: 3000,
								           disableOnInteraction: false,
								       },
								       loop : true,
											
								       navigation: {
								           nextEl: '.main-scenery-banner .swiper-button-next',
								           prevEl: '.main-scenery-banner .swiper-button-prev',
								       },
								});
							})
							
						   break; 
					   }			   
					   
				   }).catch(err=>{
					   console.log(err)
				   })
				   
		}
		
		
	   const getList=(record,type,pageSize)=>{
		  
		   slxhapisystemarticleinfogetArticleList({categoryCode:record.categoryCode,pageSize,currentPage:1}).then(e=>{
			   switch(type){
				   case 1:
				   
					ganpojiangyouzhigongchengList.value=e.object.dataList.map(item=>{
						item.articleImg=globalVar.viewfileUrl+item.articleImg
						return item
					})
					let len=ganpojiangyouzhigongchengList.value.length
					switch(len){
						case 1:
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							
						break;
						case 2:
							
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
						break;
						case 3:
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							
						break;
						case 4:
							ganpojiangyouzhigongchengList.value.push(ganpojiangyouzhigongchengList.value[0])
							
						break;
						
					}
					
					nextTick(()=>{
						const mainSceneryBanner = new Swiper('.main-scenery-banner', {
						    slidesPerView: 5,
						    spaceBetween: 10,
						       autoplay: {
						           delay: 3000,
						           disableOnInteraction: false,
						       },
						       loop : true,
									
						       navigation: {
						           nextEl: '.main-scenery-banner .swiper-button-next',
						           prevEl: '.main-scenery-banner .swiper-button-prev',
						       },
						});
					})
					
				   break;
				   case 2:
				   		xuehuixinwenList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 3:
				   		xuehuidangjianList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
						
				   break;
				   case 4:
				   		xueshujiaoliuList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 5:
				   		shuilikepuList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 6:
				   		gpslkjdtList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 7:
				   		grbList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 8:
				   		tzggList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 9:
				   		hydtList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 10:
				   		fzjgdtList.value=e.object.dataList.map(item=>{
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
				   break;
				   case 11:
				   		
				   break;
				   case 12:
				   		gwlbList.value=e.object.dataList.map(item=>{
							item.articleImg=globalVar.viewfileUrl+item.articleImg
							item.articleTime=dayjs(new Date(item.articleTime)).format('MM-DD')
							return item
						})
						nextTick(()=>{
							let swiper =  new Swiper('.main-content-box-banner', {
								autoplay: {
								    delay: 3000,
								    stopOnLastSlide: false,
								    disableOnInteraction: true,
								},
								effect : 'fade',
								fadeEffect: {
									crossFade: true,
								},
								loop : true,
								pagination: {
									el: '.main-content-box-banner .swiper-pagination',
									clickable: true,
								},
								
								
								
							});
						})
						
						
				   break;
				  
				 
				   
				   
			   }			   
			   
		   }).catch(err=>{
			   console.log(err)
		   })
		   
	   }
	  const getMenuData=()=>{
	  	slxhapisystemcategorygetArticleTreeList({}).then(e=>{
			
			
			
			gpkjjsb.value=e.object.filter(item=>{
				return item.categoryName=='赣鄱科技奖申报'
			})[0]
			gpjyzgcsb.value=e.object.filter(item=>{
				return item.categoryName=='赣鄱奖优质工程申报'
			})[0]
			kjcgpjsq.value=e.object.filter(item=>{
				return item.categoryName=='科技成果评价申请'
			})[0]
			
			
			gwlb.value=e.object.filter(item=>{
				return item.categoryName=='官网轮播'
			})[0]
			getList(gwlb.value,12)
			
			ganpojiangyouzhigongcheng.value=e.object.filter(item=>{
				return item.categoryName=='赣鄱奖优质工程'
			})[0]
			getListgp(ganpojiangyouzhigongcheng.value.children.map(item=>{
				return item.categoryCode
			}),1,9)
			
			
			grb.value=e.object.filter(item=>{
				return item.categoryName=='光荣榜'
			})[0]
			getList(grb.value,7,4)
			rhsq.value=e.object.filter(item=>{
				return item.categoryName=='入会申请'
			})[0]
			// getList(rhsq.value,11)
		
			
			tzgg.value=e.object.filter(item=>{
				return item.categoryName=='通知公告'
			})[0]
			getList(tzgg.value,8,4)
			
			fzjgdt.value=e.object.filter(item=>{
				return item.categoryName=='分支机构动态'
			})[0]
			getList(fzjgdt.value,10,9)
			
			hydt.value=e.object.filter(item=>{
				return item.categoryName=='会员动态'
			})[0]
			getList(hydt.value,9,9)
			
			
			
			
			
			
			gpslkjdt.value=e.object.filter(item=>{
				return item.categoryName=='赣鄱水利科技奖动态'
			})[0]
			getList(gpslkjdt.value,6,8)
			
			
			xuehuixinwen.value=e.object.filter(item=>{
				return item.categoryName=='学会新闻'
			})[0]
			getList(xuehuixinwen.value,2,9)
			shuilikepu.value=e.object.filter(item=>{
				return item.categoryName=='水利科普'
			})[0]
			getList(shuilikepu.value,5,8)
			xuehuidangjian.value=e.object.filter(item=>{
				return item.categoryName=='学会党建'
			})[0]
			getList(xuehuidangjian.value,3,9)
	  		guanyuxuehui.value=e.object.filter(item=>{
				return item.categoryName=='关于学会'
			})[0].children
	  		xueshujiaoliu.value=e.object.filter(item=>{
				return item.categoryName=='学术交流'
			})[0].children
			getList(xueshujiaoliu.value[0],4,8)
	  		pingjiajiangli.value=e.object.filter(item=>{
				return item.categoryName=='评价奖励'
			})[0].children
	  		lianxiwomen.value=e.object.filter(item=>{
				return item.categoryName=='联系我们'
			})[0].children
	  		menuData.value=e.object
	  		
	  	}).catch(err=>{
	  		console.log(err)
	  	})
	  }
	  
	  const search=()=>{
		  if(!keyword.value){
			  globalVar.Message.warning('请输入搜索关键字')
			return
		  }
		  
		  let routeData=$route.resolve({
		  	path:'/searchlist',
		  	query:{
		  		keyword:keyword.value
		  	}
		  })
		  window.open(routeData.href,'_blank') 
	  }
	   
	  const enterDetail=record=>{
		  
		 let routeData=$route.resolve({
		 	path:'/searchlist',
		 	query:{
		 		keyword:keyword.value
		 	}
		 })
		  switch(record.type){
			  case "2":
			  routeData=$route.resolve({
			  	path:'/piclist',
			  	query:record
			  })
			    
			  break;
			case "3":
			routeData=$route.resolve({
				query:{
					articleCode:record.articleCode,
					categoryCode:record.categoryCode
				},
				path:'/articledetail'
			})

			break;
			case "5":
			 window.open(record.url,"_blank");
			break;
			case "1":
				routeData=$route.resolve({
					query:record,
					path:'/articlelist'
				})
			  
			break;
			default:
			routeData=$route.resolve({
				query:{
					articleCode:record.articleCode
				},
				path:'/articledetail'
			})
			
		  }

		  window.open(routeData.href,'_blank')   
	  }
	  
	   
	
    return {
		linkArr,
		keyword,
		search,
		gwlbList,
		gwlb,
		rhsq,
		fzjgdt,
		fzjgdtList,
		hydt,
		hydtList,
		grb,
		grbList,
		tzggList,
		tzgg,
		gpslkjdt,
		gpslkjdtList,
		shuilikepuList,
		xueshujiaoliuList,
		xuehuidangjianList,
		xuehuixinwenList,
		gpkjjsb,
		gpjyzgcsb,
		kjcgpjsq,
		ganpojiangyouzhigongchengList,
		ganpojiangyouzhigongcheng,
		xuehuixinwen,
		shuilikepu,
		xuehuidangjian,
		enterDetail,
		guanyuxuehui,
		xueshujiaoliu,
		pingjiajiangli,
		lianxiwomen,
		menuData,
		suspension
    };
  }
});
</script>
<style scoped>
	
	.anim-flipInX {
	  -webkit-animation: flipInX 1s ease 0s 1;
	  animation: flipInX 1s ease 0s 1;
	}
	@-webkit-keyframes flipInX {
	  0% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	    opacity: 0;
	    filter: alpha(opacity=0);
	  }
	  40% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	  }
	  60% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	    opacity: 1;
	    filter: alpha(opacity=100);
	  }
	  80% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  }
	  100% {
	    -webkit-transform: perspective(400px);
	    -ms-transform: perspective(400px);
	    transform: perspective(400px);
	  }
	}
	@keyframes flipInX {
	  0% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	    opacity: 0;
	    filter: alpha(opacity=0);
	  }
	  40% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	  }
	  60% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	    opacity: 1;
	    filter: alpha(opacity=100);
	  }
	  80% {
	    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  }
	  100% {
	    -webkit-transform: perspective(400px);
	    -ms-transform: perspective(400px);
	    transform: perspective(400px);
	  }
	}
	.anim-flipInY {
	  -webkit-animation: flipInY 1s ease 0s 1;
	  animation: flipInY 1s ease 0s 1;
	}
	@-webkit-keyframes flipInY {
	  0% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	    opacity: 0;
	    filter: alpha(opacity=0);
	  }
	  40% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	  }
	  60% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	    opacity: 1;
	    filter: alpha(opacity=100);
	  }
	  80% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  }
	  100% {
	    -webkit-transform: perspective(400px);
	    -ms-transform: perspective(400px);
	    transform: perspective(400px);
	  }
	}
	@keyframes flipInY {
	  0% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	    opacity: 0;
	    filter: alpha(opacity=0);
	  }
	  40% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	    -webkit-transition-timing-function: ease-in;
	    transition-timing-function: ease-in;
	  }
	  60% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	    opacity: 1;
	    filter: alpha(opacity=100);
	  }
	  80% {
	    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  }
	  100% {
	    -webkit-transform: perspective(400px);
	    -ms-transform: perspective(400px);
	    transform: perspective(400px);
	  }
	}
	.header {
	  font-size: 14px;
	}
	.header-box {
	  background: #fff;
	}
	.header-box-top {
	  width: 1200px;
	  height: 40px;
	  margin: 0 auto;
	  display: flex;
	  justify-content: space-between;
	}
	.header-box-top-date {
	  line-height: 40px;
	}
	.header-banner {
	  width: 1200px;
	  height: 220px;
	  margin: 0 auto;
	  display: flex;
	  justify-content: space-between;
	}
	.header-banner-left {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  align-content: center;
	}
	.header-banner-left-logo {
	  width: 80px;
	  height: 80px;
	  text-align: center;
	  line-height: 80px;
	}
	.header-banner-left-logo > img {
	  width: 550px;
	}
	.header-banner-left-txt {
	  padding-left: 25px;
	  flex: 1;
	}
	.header-banner-left-txt-title {
	  font-family: ygyxs2;
	  font-size: 56px;
	  color: #002d70;
	}
	.header-banner-left-txt-subtitle {
	  font-size: 14px;
	  line-height: 3;
	}
	.header-banner-left-txt-tag {
	  font-family: ygyxs2;
	  font-size: 20px;
	  color: #002b6b;
	}
	.header-banner-right {
	  width: 600px;
	}
	.header-banner-right .swiper-slide {
	  text-align: right;
	}
	.header-banner-right .swiper-slide > img {
	  width: 100%;
	}
	.header-banner-right-top {
	  height: 235px;
	  overflow: hidden;
	}
	.header-banner-right-top .box-img {
	  text-align: center;
	}
	.header-nav {
	  width: 1200px;
	  height: 68px;
	  margin: 0 auto;
	  background: url("../../assets/nav.png") no-repeat center;
	}
	.header-nav-box {
	  display: flex;
	  padding: 18px 15px 0 15px;
	  position: relative;
	  z-index: 10;
	}
	.header-nav-box-li {
	  width: 145px;
	  height: 50px;
	  line-height: 50px;
	  text-align: center;
	  font-size: 16px;
	  color: #d6edfe;
	  font-weight: bold;
	  background: url("../../assets/navbg.jpg") no-repeat right;
	}
	.header-nav-box-li:nth-child(2) > .header-nav-box-li-details:after {
	  left: 225px;
	}
	.header-nav-box-li:nth-child(3) > .header-nav-box-li-details:after {
	  left: 370px;
	}
	.header-nav-box-li:nth-child(4) > .header-nav-box-li-details:after {
	  left: 515px;
	}
	.header-nav-box-li:nth-child(5) > .header-nav-box-li-details:after {
	  left: 660px;
	}
	.header-nav-box-li:nth-child(7) > .header-nav-box-li-details:after {
	  left: 950px;
	}
	.header-nav-box-li:nth-child(8) > .header-nav-box-li-details:after {
	  left: 1095px;
	}
	.header-nav-box-li:nth-child(9) > .header-nav-box-li-details:after {
	  left: 1100px;
	}
	.header-nav-box-li:last-child {
	  background: none;
	}
	.header-nav-box-li-link {
	  display: block;
	  color: #d6edfe;
	}
	.header-nav-box-li-link:hover {
	  background: #0668b2;
	}
	.header-nav-box-li-details {
	  display: none;
	  position: absolute;
	  left: 0;
	  top: 60px;
	  width: 1170px;
	  padding: 20px 15px;
	  z-index: 10;
	}
	.header-nav-box-li-details:after {
	  content: '';
	  display: block;
	  width: 14px;
	  height: 14px;
	  background: url("../../assets/clumn_arrow.png") no-repeat center;
	  position: absolute;
	  top: 12px;
	  z-index: 1;
	}
	.header-nav-box-li-details-content {
	  border: 2px solid #0e84de;
	  background-color: #f5fafd;
	  min-height: 200px;
	  padding: 15px;
	  text-align: left;
	  color: #444;
	  font-size: 12px;
	  font-weight: normal;
	  line-height: normal;
	  display: flex;
	  justify-content: space-between;
	}
	.header-nav-box-li-details-unit-column {
	  display: flex;
	  flex-wrap: wrap;
	}
	.header-nav-box-li-details-unit-column-name {
	  display: block;
	  height: 105px;
	}
	.header-nav-box-li-details-unit-column-name.subtitle1,
	.header-nav-box-li-details-unit-column-name.subtitle2,
	.header-nav-box-li-details-unit-column-name.subtitle3,
	.header-nav-box-li-details-unit-column-name.subtitle4,
	.header-nav-box-li-details-unit-column-name.subtitle5,
	.header-nav-box-li-details-unit-column-name.subtitle6,
	.header-nav-box-li-details-unit-column-name.subtitle7,
	.header-nav-box-li-details-unit-column-name.subtitle8 {
	  text-align: center;
	  line-height: 65px;
	  height: 65px;
	  font-size: 16px;
	  color: #0d83dd;
	  border: 1px solid #add5f3;
	  background-color: #d5eaf8;
	}
	.header-nav-box-li-details-unit-column-name.subtitle1 {
	  width: 390px;
	}
	.header-nav-box-li-details-unit-column-name.subtitle2,
	.header-nav-box-li-details-unit-column-name.subtitle3,
	.header-nav-box-li-details-unit-column-name.subtitle4,
	.header-nav-box-li-details-unit-column-name.subtitle5,
	.header-nav-box-li-details-unit-column-name.subtitle6,
	.header-nav-box-li-details-unit-column-name.subtitle7,
	.header-nav-box-li-details-unit-column-name.subtitle8 {
	  width: 190px;
	  margin-top: 7px;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic1 {
	  width: 304px;
	  background: url("../../assets/dhlpic1.png") no-repeat center;
	  background-size: 304px 106px;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic2 {
	  width: 304px;
	  margin-top: 10px;
	  background: url("../../assets/dhlpic2.png") no-repeat center;
	  background-size: 304px 106px;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic3 {
	  width: 190px;
	  background: url("../../assets/dhlpic3.png") no-repeat center;
	  background-size: 100%;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic4 {
	  width: 190px;
	  background: url("../../assets/dhlpic4.png") no-repeat center;
	  background-size: 100%;
	  margin-left: 10px;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic5 {
	  width: 100%;
	  margin-top: 10px;
	  background: url("../../assets/dhlpic5.png") no-repeat center;
	  background-size: 100%;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic6 {
	  width: 190px;
	  background: url("../../assets/dhlpic6.png") no-repeat center;
	  background-size: 100%;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic7 {
	  width: 380px;
	  background: #40adda url("../../assets/dhlpic7.png") no-repeat center;
	  background-size: 190px 106px;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic8 {
	  width: 100%;
	  margin-top: 10px;
	  background: url("../../assets/dhlpic8.jpg") no-repeat center;
	  background-size: 100%;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic17 {
	  width: 190px;
	  background: url("../../assets/dhlpic17.png") no-repeat center;
	  background-size: 100%;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic18 {
	  width: 190px;
	  background: url("../../assets/dhlpic18.png") no-repeat center;
	  background-size: 100%;
	  margin-left: 10px;
	}
	.header-nav-box-li-details-unit-column-name.dhlpic19 {
	  width: 100%;
	  margin-top: 10px;
	  background: url("../../assets/dhlpic19.png") no-repeat center;
	  background-size: 100%;
	}
	.header-nav-box-li-details-unit-two {
	  display: block;
	}
	.header-nav-box-li-details-unit-three {
	  width: 390px;
	  justify-content: space-between;
	}
	.header-nav-box-li-details-unit-detail {
	  flex: 1;
	  padding-left: 15px;
	}
	.header-nav-box-li-details-unit-detail-title {
	  text-indent: 18px;
	  font-size: 16px;
	  font-weight: bold;
	  color: #4aa6ec;
	  border-left: 3px #4aa6ec solid;
	}
	.header-nav-box-li-details-unit-detail-content {
	  margin-top: 12px;
	  display: flex;
	  justify-content: space-between;
	}
	.header-nav-box-li-details-unit-detail-content-img > img {
	  width: 280px;
	  height: 185px;
	  display: block;
	}
	.header-nav-box-li-details-unit-detail-content-text {
	  padding: 0 0 0 15px;
	  font-size: 14px;
	  line-height: 2;
	}
	.header-nav-box-li-details-unit-detail-content-text > span,.header-nav-box-li-details-unit-detail-content-text > a {
	  color: #0a75c6;
	}
	.header-nav-box-li-details-unit-detail-news {
	  display: flex;
	  justify-content: space-between;
	}
	.header-nav-box-li-details-unit-detail-news-list {
	  width: 50%;
	}
	.header-nav-box-li-details-unit-detail-news-list-tit {
	  text-indent: 18px;
	  font-size: 16px;
	  font-weight: bold;
	  color: #4aa6ec;
	  padding: 5px 0;
	  position: relative;
	}
	.header-nav-box-li-details-unit-detail-news-list-tit:after {
	  content: '';
	  width: 3px;
	  height: 16px;
	  background: #4aa6ec;
	  display: block;
	  position: absolute;
	  top: 8px;
	  left: 0;
	}
	.header-nav-box-li-details-unit-detail-news-list-row {
	  display: flex;
	  justify-content: space-between;
	  padding: 12px 15px 0 0;
	  font-size: 14px;
	  color: #444;
	}
	.header-nav-box-li-details-unit-detail-news-list-row-title {
	  width: 280px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.header-nav-box-li-details-unit-detail-news-list-row:hover {
	  color: #4aa6ec;
	}
	.header-nav-box-li-details-unit-detail-news-auto {
	  width: 100%;
	}
	.header-nav-box-li-details-platform {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.header-nav-box-li-details-platform-list {
	  width: 273px;
	  height: 106px;
	  font-size: 16px;
	  color: #fff;
	  text-align: center;
	}
	.header-nav-box-li-details-platform-list > span,.header-nav-box-li-details-platform-list > a {
	  height: 100%;
	  cursor:pointer;
	  display: flex;
	  align-content: center;
	  align-items: center;
	  justify-content: center;
	}
	.header-nav-box-li-details-platform-list:nth-child(1) {
	  background: #70afde;
	}
	.header-nav-box-li-details-platform-list:nth-child(2) {
	  background: #a2c8e3;
	}
	.header-nav-box-li-details-platform-list:nth-child(3) {
	  background: #7ec5e5;
	}
	.header-nav-box-li-details-platform-list:nth-child(4) {
	  background: #87d2e0;
	}
	.header-nav-box-li-details-platform-list:nth-child(5) {
	  background: #89d0ac;
	  margin-top: 15px;
	  width: 561px;
	}
	.header-nav-box-li-details-platform-list:nth-child(6) {
	  background: #b7d093;
	  margin-top: 15px;
	  width: 561px;
	}
	.header-nav-box-li:hover > .header-nav-box-li-details {
	  display: block;
	}
	.header-inside {
	  height: 225px;
	  background: url("../../assets/npage-bg.jpg") no-repeat center;
	  background-size: cover;
	  object-fit: cover;
	}
	.header-inside-box {
	  position: relative;
	  width: 1200px;
	  height: 225px;
	  margin: 0 auto;
	}
	.header-inside-box-logo {
	  width: 100%;
	  height: 100%;
	}
	.header-inside-box-logo > img {
	  width: 500px;
	  margin-top: 55px;
	}
	.header-inside-box-logo-title {
	  font-size: 24px;
	  font-weight: bold;
	  color: #083d84;
	  font-family: ygyxs2;
	  padding: 0 0 0 90px;
	}
	.header-inside-box-nav {
	  display: flex;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	}
	.header-inside-box-nav-link {
	  text-align: center;
	  background: url("../../assets/npage-bgnav.png") no-repeat center;
	  background-size: 100%;
	  position: relative;
	}
	.header-inside-box-nav-link-li {
	  display: block;
	  height: 50px;
	  width: 124px;
	  line-height: 60px;
	  font-size: 16px;
	  color: #fff;
	}
	.header-inside-box-nav-link:hover > div {
	  border: 1px #ccc solid;
	  z-index: 10;
	  display: block;
	}
	.header-inside-box-nav-link-sub {
	  display: none;
	  line-height: normal;
	  position: absolute;
	  top: 50px;
	  left: 0;
	  right: 0;
	  width: 100%;
	  background: #fff;
	}
	.header-inside-box-nav-link-sub-li {
	  display: block;
	  height: 30px;
	  line-height: 30px;
	}
	.header-inside-box-nav-link-sub-li:hover {
	  background: #0b7ccd;
	  color: #fff;
	}
	.header-science-box {
	  width: 1200px;
	  margin: 0 auto;
	}
	
	.header-science-nav {
	  /* background-image: linear-gradient(to right, #1181cb, #32b2c0); */
	}
	.header-science-nav-li {
	  width: 1200px;
	  margin: 10px auto 0 auto ;
	  background: #fff;
	}
	.header-science-nav-li-link {
	  margin: 10px 10px 0 10px;
	  background-image: linear-gradient(to right, #1181cb, #32b2c0);
	  display: flex;
	}
	.header-science-nav-li-link-nv {
	  width: 150px;
	  padding: 15px 0;
	  text-align: center;
	  font-size: 16px;
	  position: relative;
	}
	.header-science-nav-li-link-nv::after {
	  display: block;
	  content: '';
	  position: absolute;
	  top: 20px;
	  left: 0;
	  width: 2px;
	  height: 15px;
	  background: #0b7ccd;
	}
	.header-science-nav-li-link-nv:last-child {
	  border: 0;
	}
	
	.header-science-nav-li-link-nv:hover {
	 background: #0668b2;
	}
	.header-science-nav-li-link-nv:hover .header-science-nav-li-link-nv-snv {
	  display: block;
	}
	.header-science-nav-li-link-nv-snv {
	  display: none;
	  position: absolute;
	  top: 50px;
	  left: 0;
	  right: 0;
	  z-index: 10;
	}
	.header-science-nav-li-link-nv-snv > span,.header-science-nav-li-link-nv-snv > a {
	  display: block;
	  cursor:pointer;
	  background-image: linear-gradient(to right, #1181cb, #32b2c0);
	  color: #fff;
	  padding: 5px 0;
	}
	.header-science-nav-li-link-nv-snv > span:hover,.header-science-nav-li-link-nv-snv > a:hover {
	  background: #54cfde;
	  color: #fff;
	}
	.header-dang {
	  background: url('../../assets/dang.png') no-repeat top;
	  background-size: 100% 500px;
	  height: 550px;
	  position: relative;
	}
	.header-speechSpirit {
	  background: url('../../assets/speechSpirit-bg.png') no-repeat top;
	  background-size: 100% 500px;
	  height: 500px;
	  position: relative;
	}
	.header-dang1 {
	  background: url('../../assets/mofandanwei.jpg') no-repeat top;
	  background-size: 100% 500px;
	  height: 550px;
	  position: relative;
	}
	.header-dang2 {
	  background: url('../../assets/20da2-2.png') no-repeat top;
	  background-size: 100% 500px;
	  height: 550px;
	  position: relative;
	}
	
	.header-dang3 {
	  background: url('../../assets/xinshidai3.png') no-repeat top;
	  background-size: 100% 500px;
	  height: 550px;
	  position: relative;
	}
	.header-dang-nav {
	  height: 50px;
	  width: 100%;
	  margin: 0 auto;
	  background: #c9040a;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}
	.header-dang-nav-box {
	  width: 1200px;
	  height: 100%;
	  margin: 0 auto;
	  display: flex;
	}
	.header-dang-nav-box-li {
	  width: 200px;
	  height: inherit;
	  text-align: center;
	  line-height: 50px;
	  font-size: 22px;
	  color: #fff;
	}
	.header-platform {
	  height: 350px;
	  position: relative;
	}
	.header-platform-box {
	  width: 1200px;
	  height: 100%;
	  margin: 0 auto;
	  position: relative;
	}
	.header-platform-box-logo {
	  width: 100%;
	  height: 100%;
	}
	.header-platform-box-logo-left {
	  width: 500px;
	  margin-top: 100px;
	}
	.header-platform-box-logo-right {
	  position: absolute;
	  top: 0;
	  right: 0;
	}
	.header-platform-box-logo-title {
	  font-size: 24px;
	  font-weight: bold;
	  color: #083d84;
	  font-family: 妤蜂綋;
	  padding: 0 0 0 90px;
	}
	.header-platform-nav {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}
	.header-platform-nav-box {
	  width: 1200px;
	  margin: 0 auto;
	  display: flex;
	  background: linear-gradient(to right, #3f8ddc, #61ac56);
	}
	.header-platform-nav-box-link {
	  text-align: center;
	}
	.header-platform-nav-box-link-li {
	  display: block;
	  height: 50px;
	  width: 130px;
	  line-height: 50px;
	  font-size: 16px;
	  color: #fff;
	}
	.header-platform-nav-box-link:hover > div {
	  border: 1px #ccc solid;
	  z-index: 10;
	  display: block;
	}
	.header-platform-nav-box-link-sub {
	  display: none;
	  line-height: normal;
	  position: absolute;
	  top: 50px;
	  left: 0;
	  right: 0;
	  width: 100%;
	  background: #fff;
	}
	.header-platform-nav-box-link-sub-li {
	  display: block;
	  height: 30px;
	  line-height: 30px;
	}
	.header-platform-nav-box-link-sub-li:hover {
	  background: #0b7ccd;
	  color: #fff;
	}
	.main {
	  background: #fff;
	  width: 1200px;
	  margin: 0 auto 15px auto;
	  padding: 15px;
	  min-height: 600px;
	}
	.main-banner {
	  box-shadow: 0 0 10px #ccc;
	}
	.main-banner .main-banner-img {
	  display: block;
	}
	.main-banner .main-banner-img > img {
	  width: 100%;
	  height: 100px;
	  display: block;
	}
	.main-content {
	  box-shadow: 0 0 10px #ccc;
	  background: #ECF7FF;
	  padding: 10px;
	  margin: 15px 0;
	}
	.main-content-box {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 15px;
	}
	.main-content-box:last-child {
	  margin-bottom: 0;
	}
	.main-content-box-banner {
	  width: 375px;
	  height: 317px;
	  margin: 0;
	}
	.main-content-box-banner-img {
	  height: 100%;
	  position: relative;
	  display: block;
	}
	.main-content-box-banner-img > img {
	  width: 100%;
	  height: 100%;
	}
	.main-content-box-banner-img > span ,.main-content-box-banner-img > a{
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 40px;
	  line-height: 40px;
	  background: rgba(0, 0, 0, 0.5);
	  font-size: 14px;
	  color: #fff;
	  text-indent: 10px;
	}
	.main-content-box-banner .swiper-pagination {
	  text-align: right;
	}
	.main-content-box-news {
	  width: 475px;
	  border: 1px #b4d8f4 solid;
	  background: #fff;
	  border-radius: 5px;
	}
	.main-content-box-news-title {
	  padding: 0 28px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 22px;
	  position: relative;
	  border-bottom: 1px #b4d8f4 solid;
	  color: #0e81da;
	  display: block;
	  background: url("../../assets/conbx2lis2s3_02.png") no-repeat 10px;
	}
	.main-content-box-news-title:after {
	  position: absolute;
	  top: 14px;
	  right: 15px;
	  content: '';
	  border: solid #0E81DA;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-content-box-news-list {
	  /**  涓ゆ潯缃《锛媘argin-top:10px 锛涙棤缃《鍘绘帀margin-top **/ 
	  margin-top:10px;
	  font-size: 14px;
	}
	
	.main-content-box-news-list-link {
	  display: flex;
	  justify-content: space-between;
	  height: 30px;
	  line-height: 30px;
	  padding: 0 15px;
	  color: #000;
	  position: relative;
	}
	.main-content-box-news-list-link-txt {
	  padding: 0 10px;
	  flex: 1;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  transition: 0.25s;
	}
	.main-content-box-news-list-link-txt:hover {
	  color: #0e81d8;
	  text-indent: 15px;
	}
	.main-content-box-news-list-link-date {
	  color: #797979;
	}
	.main-content-box-notify {
	  border-radius: 5px;
	  width: 270px;
	  height: 322px;
	  overflow: hidden;
	  border: 1px #b4d8f4 solid;
	  background: #fff;
	}
	.main-content-box-notify-scroll {
	  height: 130px;
	  margin: 0 0 10px 0;
	  line-height: 26px;
	  font-size: 12px;
	  overflow: hidden;
	}
	.main-content-box-notify-scroll1 {
	 height: 130px;
	 margin: 0 0 10px 0;
	 line-height: 26px;
	 font-size: 12px;
	 overflow: hidden;
	}
	.main-content-box-notify-title {
	  padding: 0 28px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 22px;
	  position: relative;
	  border-bottom: 1px #b4d8f4 solid;
	  color: #0e81da;
	  display: block;
	  background: url("../../assets/conbx2lis2s3_02.png") no-repeat 10px;
	}
	.main-content-box-notify-title:after {
	  position: absolute;
	  top: 14px;
	  right: 15px;
	  content: '';
	  border: solid #0E81DA;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-content-box-notify-news {
	  font-size: 14px;
	}
	.main-content-box-notify-news-list-link {
	  display: flex;
	  justify-content: space-between;
	  height: 30px;
	  line-height: 30px;
	  padding: 0 10px;
	  color: #000;
	  position: relative;
	}
	.main-content-box-notify-news-list-link::before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  position: absolute;
	  top: 12.5px;
	  left: 10px;
	  border-radius: 50%;
	  color: red;
	  z-index: 5;
	  background: #0e81da;
	}
	.main-content-box-notify-news-list-link-txt {
	  width: 200px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  text-indent: 10px;
	  transition: 0.25s;
	}
	.main-content-box-notify-news-list-link-txt:hover {
	  color: #0e81d8;
	  text-indent: 15px;
	}
	.main-content-box-notify-news-list-link-date {
	  color: #797979;
	}
	.main-content-box-notify .notify-scroll {
	  border-top: 1px #b4d8f4 solid;
	  border-bottom: 1px #b4d8f4 solid;
	}
	.main-content-box-notify-top {
	  height: 60px;
	  margin: 0;
	}
	/**  涓€鏉＄疆椤� **/
	.main-content-box-notify-top1 {
	  height: 50px;
	  margin: 0;
	}
	/**  涓ゆ潯缃《 **/
	.main-content-box-notify-top3{
	  height: 19px;
	  margin: 0;
	}
	/**  鏃犵疆椤� **/
	.main-content-box-notify-top2{
	  height: 0px;
	  margin: 0;
	}
	/** 涓夋潯缃《 **/
	.main-content-box-notify-top4 {
	  height: 79px;
	  margin: 0;
	}
	.main-content-box-notify-top1 .main-content-box-news-list-link-txt {
	  color: red;
	}
	.main-content-box-notify-top2 .main-content-box-news-list-link-txt {
	  color: red;
	}
	.main-content-box-notify-top3 .main-content-box-news-list-link-txt {
	  color: red;
	}
	.main-content-box-notify-top .main-content-box-notify-news-list-link {
	  color: red;
	}
	.main-content-box-notify-top4 .main-content-box-news-list-link-txt {
	  color: red;
	}
	.main-content-box-notify-bottom {
	  display: flex;
	  justify-content: space-between;
	  padding: 0 8px;
	}
	.main-content-box-notify-bottom-icon1,
	.main-content-box-notify-bottom-icon2,
	.main-content-box-notify-bottom-icon3 {
	  width: 79px;
	  height: 67px;
	  display: block;
	  color: #5daf56;
	  text-align: center;
	  font-size: 12px;
	}
	.main-content-box-notify-bottom-icon1 > a,
	.main-content-box-notify-bottom-icon2 > a,
	.main-content-box-notify-bottom-icon3 > a,
	.main-content-box-notify-bottom-icon1 > span,
	.main-content-box-notify-bottom-icon2 > span,
	.main-content-box-notify-bottom-icon3 > span {
	  display: inline-block;
	  margin-top: 35px;
	}
	.main-content-box-notify-bottom-icon1 {
	  background: url("../../assets/bg7.jpg") no-repeat center;
	  background-size: 79px 67px;
	}
	.main-content-box-notify-bottom-icon2 {
	  background: url("../../assets/bg8.png") no-repeat center;
	  background-size: 79px 67px;
	}
	.main-content-box-notify-bottom-icon3 {
	  background: url("../../assets/bg9.png") no-repeat center;
	  background-size: 79px 67px;
	}
	.main-content-box-radius {
	  width: 375px;
	}
	.main-content-box-hot,
	.main-content-box-status {
	  width: 565px;
	}
	.main-content-box-intend .main-content-box-news-list-link:after,
	.main-content-box-intend .main-content-box-news-list-link:before {
	  content: "";
	  display: block;
	  width: 3px;
	  height: 3px;
	  position: absolute;
	  top: 15px;
	}
	.main-content-box-intend .main-content-box-news-list-link:after {
	  background: #1272bc;
	  left: 10px;
	}
	.main-content-box-intend .main-content-box-news-list-link:before {
	  background: #e8901d;
	  left: 15px;
	}
	.main-content-box-intend .main-content-box-news-list-link:nth-child(1) > .main-content-box-news-list-link-date,
	.main-content-box-intend .main-content-box-news-list-link:nth-child(2) > .main-content-box-news-list-link-date,
	.main-content-box-intend .main-content-box-news-list-link:nth-child(3) > .main-content-box-news-list-link-date {
	  color: red;
	}
	.main-content-box-radius .main-content-box-news-list-link::before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  position: absolute;
	  top: 12.5px;
	  left: 10px;
	  border-radius: 50%;
	  color: red;
	  z-index: 10;
	  background: #0e81da;
	}
	.main-team {
	  background: #ECF7FF;
	  padding: 10px;
	  margin-bottom: 10px;
	  box-shadow: 0 0 10px #ccc;
	}
	.main-team-box {
	  border-radius: 5px;
	  background: #fff;
	  border: 1px #b4d8f4 solid;
	  margin-bottom: 15px;
	}
	.main-team-box:last-child {
	  margin: 0;
	}
	.main-team-box-title {
	  padding: 0 28px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 22px;
	  position: relative;
	  border-bottom: 1px #b4d8f4 solid;
	  color: #0e81da;
	  display: block;
	  background: url("../../assets/conbx2lis2s3_02.png") no-repeat 10px;
	}
	/**
	.main-team-box-list {
	  display: flex;
	  flex-wrap: wrap;
	}
	.main-team-box-list-li {
	  font-size: 16px;
	  padding: 20px 25px;
	  width: 303px;
	  margin: 14px;
	  display: flex;
	  text-align: center;
	  justify-content: center;
	  align-items: center;
	  transition: 0.25s;
	  color: #fff;
	}
	.main-team-box-list-li.icon1 {
	  background: url("../../assets/icon-1.png") no-repeat center;
	  background-size: 353px 62px;
	}
	.main-team-box-list-li.icon2 {
	  background: url("../../assets/icon-2.png") no-repeat center;
	  background-size: 353px 62px;
	}
	**/
	.main-team-box-list {
	  display: flex;
	  flex-wrap: wrap;
	      justify-content: space-around;
	  padding:10px 0 0 0;
	}
	.main-team-box-list-li {
	  font-size: 14px;
	  padding: 20px 25px;
	  width: 349px;
	  height:50px;
	  box-sizing:border-box;
	  display: flex;
	  text-align: center;
	  justify-content: center;
	  align-items: center;
	  transition: 0.25s;
	  color: #fff;
	  margin-bottom:10px;
	}
	.main-team-box-list-li.icon1 {
	  background: url("../../assets/icon-1.png") no-repeat center;
	  background-size: 349px 50px;
	}
	.main-team-box-list-li.icon2 {
	  background: url("../../assets/icon-2.png") no-repeat center;
	  background-size: 349px 50px;
	}
	
	
	.main-reach {
	  box-shadow: 0 0 10px #ccc;
	  background: #ECF7FF;
	  padding: 10px;
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 15px;
	}
	.main-reach-box {
	  border: 1px #b4d8f4 solid;
	  border-radius: 5px;
	  width: 565px;
	  height: 350px;
	  background: #fff;
	}
	.main-reach-box-title {
	  padding: 0 28px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 22px;
	  position: relative;
	  border-bottom: 1px #b4d8f4 solid;
	  color: #0e81da;
	  display: block;
	  background: url("../../assets/conbx2lis2s3_02.png") no-repeat 10px;
	}
	.main-reach-box-title:after {
	  position: absolute;
	  top: 14px;
	  right: 15px;
	  content: '';
	  border: solid #0E81DA;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-reach-box-content {
	  padding: 5px 0;
	  font-size: 14px;
	}
	.main-reach-box-content-li {
	  display: flex;
	  align-content: center;
	  align-items: center;
	  padding: 5px 10px;
	}
	.main-reach-box-content-li:nth-child(1) .main-reach-box-content-li-txt {
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  position: relative;
	}
	.main-reach-box-content-li:nth-child(1) .main-reach-box-content-li-txt:before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  position: absolute;
	  top: 7px;
	  left: 0;
	  background: #0a75c6;
	}
	.main-reach-box-content-li:nth-child(n+2) .main-reach-box-content-li-txt {
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  position: relative;
	}
	.main-reach-box-content-li:nth-child(n+2) .main-reach-box-content-li-txt:before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  position: absolute;
	  top: 7px;
	  left: 0;
	  background: #0a75c6;
	}
	.main-reach-box-content-li:hover .main-reach-box-content-li-txt {
	  text-indent: 10px;
	  color: #0e81d8;
	}
	.main-reach-box-content-li:hover .main-reach-box-content-li-img {
	  display: block;
	}
	.main-reach-box-content-li-img {
	  display: block;
	  width: 110px;
	  height: 80px;
	}
	
	
	.main-reach-box-content-li-txt {
	  flex: 1;
	  padding: 0 10px;
	  color: #000;
	  transition: 0.25s;
	}
	.main-reach-box-content-li-date {
	  width: 50px;
	  text-align: center;
	  color: #797979;
	}
	.main-info {
	  box-shadow: 0 0 10px #ccc;
	  background: #ECF7FF;
	  padding: 10px;
	  display: flex;
	  justify-content: space-between;
	}
	.main-info-left {
	  width: 565px;
	}
	.main-info-left-box {
	  overflow: hidden;
	  margin: 0 0 10px 0;
	}
	.main-info-left-box:last-child {
	  margin: 0;
	}
	.main-info-left-box-nav {
	  border-radius: 5px 5px 0 0;
	  border: 1px #b4d8f4 solid;
	  border-bottom: 0;
	  display: flex;
	  position: relative;
	  background: #f0f8fe;
	  padding: 8px 0 0 8px;
	}
	.main-info-left-box-nav:after {
	  position: absolute;
	  top: 19px;
	  right: 15px;
	  content: '';
	  border: solid #0E81DA;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-info-left-box-nav-title {
	  font-size: 22px;
	  width: 135px;
	  height: 41px;
	  line-height: 41px;
	  text-align: center;
	  background: url("../../assets/bg15.png") no-repeat center;
	  background-size: 135px 41px;
	  color: #fff;
	}
	.main-info-left-box-nav-title.info-active {
	  background: url("../../assets/bg16.png") no-repeat center;
	}
	.main-info-left-box-nav-title1 {
	  font-size: 22px;
	  width: 135px;
	  height: 41px;
	  line-height: 41px;
	  text-align: center;
	  background-size: 135px 41px;
	  color: #0e81da;
	}
	.main-info-left-box-nav-title1.info-active {
	    color: #fff;
	    background-color: #015293;
	}
	.main-dang-left-box-nav-title1 {
	  font-size: 22px;
	  width: 135px;
	  height: 41px;
	  line-height: 41px;
	  text-align: center;
	  background-size: 135px 41px;
	  color: #c9040a;
	}
	.main-dang-left-box-nav-title1.info-active {
	    color: #fff;
	    background-color: #c9040a;
	}
	.main-info-left-box-nav1 {
	  border-radius: 5px 5px 0 0;
	  border-bottom: 1px #b4d8f4 solid;
	  display: flex;
	  position: relative;
	  background: #f0f8fe;
	}
	.main-info-left-box-nav1:after {
	  position: absolute;
	  top: 19px;
	  right: 15px;
	  content: "";
	  border: solid #0e81da;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-dang-left-box-nav1 {
	  border-radius: 5px 5px 0 0;
	  display: flex;
	  position: relative;
	  background: #f0f8fe;
	}
	.main-dang-left-box-nav1:after {
	  position: absolute;
	  top: 19px;
	  right: 15px;
	  content: "";
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-info-left-box-nav1-title {
	  font-size: 22px;
	  width: 135px;
	  height: 41px;
	  line-height: 41px;
	  text-align: center;
	  background: url("../../assets/bg15.png") no-repeat center;
	  background-size: 135px 41px;
	  color: #fff;
	}
	.main-info-left-box-nav1-title.info-active {
	  background: url("../../assets/bg16.png") no-repeat center;
	}
	.main-info-left-box-con {
	  border: 1px #b4d8f4 solid;
	  border-radius: 0 0 5px 5px;
	  font-size: 14px;
	  height: 250px;
	  overflow: hidden;
	}
	.main-info-left-box-con-list {
	  padding: 5px 0;
	}
	.main-info-left-box-con-list-li {
	  height: 30px;
	  line-height: 30px;
	  display: flex;
	  padding: 0 5px 0 0;
	}
	.main-info-left-box-con-list-li-tit {
	  color: #0e81da;
	  position: relative;
	  padding-left: 10px;
	}
	.main-info-left-box-con-list-li-tit:before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  border: 1px #0e81da solid;
	  position: absolute;
	  background: #fff;
	  top: 12px;
	  left: 4px;
	  z-index: 1;
	}
	.main-info-left-box-con-list-li-tit:after {
	  content: "";
	  width: 1px;
	  height: 30px;
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 7.5px;
	  background: #0e81da;
	}
	.main-info-left-box-con-list-li-txt {
	  flex: 1;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  color: #000;
	  transition: 0.25s;
	}
	.main-info-left-box-con-list-li-txt:hover {
	  color: #0E80D8;
	  text-indent: 10px;
	}
	.main-info-left-box-con-list-li-date {
	  text-align: center;
	  width: 50px;
	  color: #797979;
	}
	.main-info-left-box-con1 {
	  border-radius: 0 0 5px 5px;
	  font-size: 14px;
	  height: 272px;
	  overflow: hidden;
	}
	.main-info-left-box-con1-list {
	  padding: 5px 0;
	}
	.main-info-left-box-con1-list-li {
	  height: 30px;
	  line-height: 30px;
	  display: flex;
	  padding: 0 5px 0 0;
	}
	.main-info-left-box-con1-list-li-tit {
	  color: #0e81da;
	  position: relative;
	  padding-left: 10px;
	}
	.main-info-left-box-con1-list-li-tit:before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  border: 1px #0e81da solid;
	  position: absolute;
	  background: #fff;
	  top: 12px;
	  left: 4px;
	  z-index: 1;
	}
	.main-info-left-box-con1-list-li-tit:after {
	  content: "";
	  width: 1px;
	  height: 30px;
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 7.5px;
	  background: #0e81da;
	}
	.main-info-left-box-con1-list-li-txt {
	  flex: 1;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  color: #000;
	  transition: 0.25s;
	}
	.main-info-left-box-con1-list-li-txt:hover {
	  color: #0e80d8;
	  text-indent: 10px;
	}
	.main-info-left-box-con1-list-li-date {
	  text-align: center;
	  width: 50px;
	  color: #797979;
	}
	.main-info-right {
	  width: 565px;
	  background: #fff;
	  border: 1px #b4d8f4 solid;
	  border-radius: 5px;
	  overflow: hidden;
	}
	.main-info-right-title {
	  border-bottom: 1px #b4d8f4 solid;
	  height: 41px;
	  line-height: 30px;
	  position: relative;
	  background: url("../../assets/conbx2lis2s3_02.png") #fff no-repeat 10px;
	  padding: 8px 28px 0 28px;
	  font-size: 22px;
	  display: block;
	  color: #0e81da;
	}
	.main-info-right-list {
	  font-size: 14px;
	  background: #ecf7ff;
	  height: 100%;
	}
	.main-info-right-list-li-box-title {
	  background: url("../../assets/newTil_bg.jpg") no-repeat left;
	  background-size: 100% 100%;
	  font-size: 18px;
	  height: 40px;
	  line-height: 40px;
	  text-indent: 10px;
	}
	.main-info-right-list-li-box-link {
	  display: flex;
	  flex-wrap: wrap;
	  align-content: center;
	  padding: 5px;
	}
	.main-info-right-list-li-box-link > span,.main-info-right-list-li-box-link > a {
	  padding: 5px 15px;
	  margin: 5px 5px;
	  color: #000;
	  display: inline-block;
	  border: 1px solid #D3E8F9;
	  border-radius: 5px;
	  position: relative;
	}
	.main-info-right-list-li-box-link > span:hover,.main-info-right-list-li-box-link > a:hover {
	  background: #0e81da;
	  color: #fff;
	}
	.main-info-right-list-li-box-link > span:before ,.main-info-right-list-li-box-link > a:before{
	  content: '';
	  display: block;
	  width: 6px;
	  height: 3px;
	  position: absolute;
	  top: 13px;
	  left: 5px;
	}
	.main-info-right-list-top1 {
	  background: #f8fcff;
	}
	.main-info-right-list-top1 > span::before,.main-info-right-list-top1 > a::before {
	  background: #57a6e4;
	}
	.main-info-right-list-top2 {
	  background: #fffefc;
	}
	.main-info-right-list-top2 > span::before,.main-info-right-list-top2 > a::before {
	  background: #efc07f;
	}
	.main-info-right-list-top3 {
	  background: #fffaff;
	}
	.main-info-right-list-top3 > span::before,.main-info-right-list-top3 > a::before {
	  background: #eecbf7;
	}
	.main-info-right-list-top4 {
	  background: #eff6ff;
	}
	.main-info-right-list-top4 > span::before,.main-info-right-list-top4 > a {
	  background: #94bcf7;
	}
	.main-info-right-list-top5 {
	  background: #f8fefa;
	}
	.main-info-right-list-top5 > span::before,.main-info-right-list-top5 > a::before {
	  background: #80b796;
	}
	.main-scenery {
	  box-shadow: 0 0 10px #ccc;
	  background: #F0F8FE;
	  padding: 10px;
	  margin: 15px 0;
	}
	.main-scenery-title {
		cursor:pointer;
	  border-bottom: 1px #b4d8f4 solid;
	  height: 41px;
	  line-height: 45px;
	  position: relative;
	  background: url("../../assets/conbx2lis2s3_02.png") #fff no-repeat 10px;
	  padding: 0 28px;
	  font-size: 22px;
	  display: block;
	  color: #0e81da;
	
	  font-family: FZZDHJW--GB1, FZZDHJW--GB1;
	  font-weight: normal;
	  font-size: 24px;
	  color: #1380D7;
	 
	  text-align: left;
	  font-style: normal;
	}
	.main-scenery-title:after {
	  position: absolute;
	  top: 15px;
	  right: 15px;
	  content: '';
	  border: solid #0E81DA;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.main-scenery-box {
	  border: 1px #b4d8f4 solid;
	  border-radius: 5px;
	  overflow: hidden;
	}
	.main-scenery-banner {
	  background: #fff;
	}
	.main-scenery-banner .swiper-slide {
	  width: 215px;
	  height: 145px;
	}
	.main-scenery-banner .swiper-slide .main-scenery-banner-img {
		cursor:pointer;
	  position: relative;
	  display: block;
	  font-size: 14px;
	  height: 100%;
	}
	.main-scenery-banner .swiper-slide .main-scenery-banner-img > img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	}
	.main-scenery-banner .swiper-slide .main-scenery-banner-img > span,.main-scenery-banner .swiper-slide .main-scenery-banner-img > a {
	  background: rgba(0, 0, 0, 0.6);
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  display: block;
	  width: 100%;
	  height: 28px;
	  text-align: center;
	  line-height: 28px;
	  color: #e9e9e9;
	}
	.main-public {
	  box-shadow: 0 0 10px #ccc;
	  background: #F6FBFF;
	  padding: 10px;
	  font-size: 16px;
	}
	.main-public-box {
	  display: flex;
	  align-items: center;
	}
	.main-public-box-title {
	  width: 100px;
	  height: 85px;
	  background: url("../../assets/public0.png") no-repeat center;
	  background-size: 100px 85px;
	}
	.main-public-box-title1 {
	  width: 100px;
	  height: 85px;
	  background: url("../../assets/public-download.png") no-repeat center;
	  background-size: 100px 85px;
	}
	.main-public-box-content {
	  padding: 0 0 0 10px;
	  flex: 1;
	  display: flex;
	  justify-content: space-between;
	}
	.main-public-box-content1 {
	  padding: 0 0 0 10px;
	  flex: 1;
	  display: flex;
	  justify-content: space-between;
	}
	.main-public-box-content > span,.main-public-box-content > a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 200px;
	  height: 85px;
	  background: url("../../assets/public6.png") no-repeat center;
	  color: #0e81da;
	}
	.main-public-box-content1 > span,.main-public-box-content1 > a {
		cursor:pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 250px;
	  height: 85px;
	  background: url("../../assets/public-shuilixuehui.png") no-repeat center;
	  color: #0e81da;
	}
	.main-public-box-content > span:hover,.main-public-box-content > a:hover {
	  background: #0e81da;
	  color: #fff;
	}
	.main-public-box-content1 > span:hover ,.main-public-box-content1 > a:hover{
	  background: #0e81da;
	  color: #fff;
	}
	.main-link {
	  box-shadow: 0 0 10px #ccc;
	  background: #ECF7FF;
	  padding: 10px;
	  margin-top: 15px;
	  position: relative;
	}
	.main-link-box {
	  background: #fff;
	  border: 1px #b4d8f4 solid;
	  border-radius: 5px;
	}
	.main-link-title {
	  padding: 0 28px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 22px;
	  position: relative;
	  color: #0e81da;
	  display: block;
	  background: url("../../assets/conbx2lis2s3_02.png") no-repeat 10px;
	}
	.main-link-menu {
	  border: 1px #F0F8FE solid;
	  border-top: 0;
	  display: flex;
	  align-items: center;
	  align-content: center;
	  justify-content: center;
	  font-size: 14px;
	  position: absolute;
	  top: 10px;
	  left: 0;
	  right: 0;
	}
	.main-link-menu-li {
	  width: 125px;
	  height: 38px;
	  line-height: 40px;
	  text-align: center;
	  border-bottom: 2px solid #fff;
	  cursor: pointer;
	}
	.main-link-menu-li.menu-active {
	  position: relative;
	  color: #0e81da;
	  border-bottom: 2px solid #0E81DA;
	}
	.main-link-menu-li.menu-active:after {
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  border-left: 7px solid transparent;
	  border-right: 7px solid transparent;
	  border-bottom: 5px solid #0E81DA;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  margin-left: -2px;
	}
	.main-link-block {
	  font-size: 12px;
	  min-height: 190px;
	}
	.main-link-block-box {
	  display: flex;
	  flex-wrap: wrap;
	  padding: 5px 0;
	}
	.main-link-block-box ~ div {
	  display: none;
	}
	.main-link-block-box > span,.main-link-block-box > a {
	  text-align: center;
	  width: 191px;
	  padding: 10px 0;
	  color: #000;
	}
	.main-link-block-box > span:hover,.main-link-block-box > a:hover {
	  color: #0e81da;
	}
	.main-details {
	  padding: 0 50px 25px 50px;
	}
	.main-details-title {
	  font-size: 26px;
	  text-align: center;
	  color: #A3161C;
	  padding: 0 0 10px 0;
	}
	.main-details-sub {
	  text-align: center;
	}
	.main-details-subtitle {
	  padding: 10px 0 20px 0;
	  display: flex;
	  justify-content: center;
	  font-size: 14px;
	}
	.main-details-subtitle > span,.main-details-subtitle > a {
	  padding: 0 15px;
	}
	.main-details-special img {
	  max-width: 100%;
	}
	/* .main-details-content {
	  font-family: '瀹嬩綋';
	}
	.main-details-content > * {
	  font-family: '瀹嬩綋' !important;
	} */
	.main-details-content img {
	  width: 600px;
	  display: block;
	  margin: 0 auto;
	}
	.main-list {
	  display: flex;
	  justify-content: space-between;
	}
	.main-list-nav {
	  width: 225px;
	  min-height: 500px;
	  box-shadow: 0px 5px 19px 0px #EBEBEB;
	}
	.main-list-nav-title {
	  background: url("../../assets/About-tilbg.jpg") no-repeat center;
	  background-size: 100%;
	  height: 74px;
	  text-align: center;
	  font-size: 28px;
	  font-weight: bold;
	  color: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  align-content: center;
	  padding: 0 10px;
	}
	.main-list-nav-content {
	  display: block;
	  height: 45px;
	  line-height: 45px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  text-align: center;
	  font-size: 16px;
	  padding: 0 15px;
	  color: #666;
	  border-bottom: 1px solid #DDDADA;
	  transition: 0.25s;
	}
	.main-list-nav-content:hover {
	  position: relative;
	  color: #0d83dd;
	}
	.main-list-nav-content:hover:after {
	  content: "";
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 60px;
	  right: 0;
	  width: 100px;
	  height: 2px;
	  background: #0d83dd;
	}
	.main-list-nav-content.content-active {
	  position: relative;
	  color: #0d83dd;
	}
	.main-list-nav-content.content-active:after {
	  content: "";
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 60px;
	  right: 0;
	  width: 100px;
	  height: 2px;
	  background: #0d83dd;
	}
	.main-list-nav-search {
	  background: url("../../assets/About-tilbg.jpg") no-repeat center;
	  background-size: 100%;
	  height: 74px;
	  text-align: center;
	  font-size: 20px;
	  font-weight: bold;
	  color: #fff;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	.main-list-nav-search-flag {
	  width: 100px;
	  font-size: 38px;
	  font-style: oblique;
	}
	.main-list-nav-search-txt {
	  flex: 1;
	  text-align: left;
	}
	.main-list-li {
	  box-shadow: 0px 5px 19px 0px #EBEBEB;
	  flex: 1;
	  margin: 0 0 0 15px;
	}
	.main-list-li-title {
	  display: flex;
	  justify-content: space-between;
	  padding: 10px;
	  border-bottom: 2px solid #F2F2F2;
	}
	.main-list-li-title-left {
	  color: #0d83dd;
	  font-weight: bold;
	  font-size: 16px;
	}
	.main-list-li-title-right {
	  font-size: 14px;
	}
	.main-list-li-title-right > span:last-child,.main-list-li-title-right > a:last-child {
	  color: #0a75c6;
	}
	.main-list-li-box {
	  font-size: 14px;
	}
	.main-list-li-box-link {
	  min-height: 400px;
	}
	.main-list-li-box-link-href {
	  display: flex;
	  justify-content: space-between;
	  padding: 10px;
	  border-bottom: 1px dashed #E6E6E6;
	  transition: 0.25s;
	  position: relative;
	  overflow: hidden;
	}
	.main-list-li-box-link-href:after {
	  transition: 0.25s;
	  content: "";
	  position: absolute;
	  top: 18px;
	  left: -5px;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  background: #0a75c6;
	}
	.main-list-li-box-link-href:hover {
	  padding-left: 25px;
	}
	.main-list-li-box-link-href:hover:after {
	  left: 15px;
	}
	.main-list-li-box-link-href-txt {
	  color: #1369c0;
	  width: 600px;
	  display: flex;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	.main-list-li-box-link-href-txt2 {
	  color: #1369c0;
	    width: 300px;
	  display:inline-block;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.main-list-li-box-link-href-txt3 {
	    color: #1369c0;
	    display: inline-block;
	    overflow: hidden;
	    flex: 1;
	    margin-left: 181px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	
	.main-list-li-box-link-href-date {
	  color: #565759;
	}
	
	.main-list-li-box-link-href-date2 {
	  color: #1369c0;
	}
	.main-list-li-box-leader-href {
	  padding: 10px;
	  display: flex;
	  justify-content: center;
	  border-bottom: 1px #ccc dashed;
	}
	.main-list-li-box-leader-href:last-child {
	  border: 0;
	}
	.main-list-li-box-leader-href-img {
	  width: 133px;
	  height: 163px;
	}
	.main-list-li-box-leader-href-cen {
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  padding-left: 15px;
	  font-size: 14px;
	  flex: 1;
	}
	.main-list-li-box-leader-href-cen-li {
	  width: 100%;
	}
	.main-list-li-box-image {
	  display: flex;
	  flex-wrap: wrap;
	  padding: 10px;
	}
	.main-list-li-box-image-href {
	  display: block;
	  position: relative;
	  width: 283px;
	  height: 250px;
	  margin: 10px;
	  border-radius: 5px;
	  transition: 0.25s;
	  box-shadow: 0px 5px 20px 0px #EBEBEB;
	}
	.main-list-li-box-image-href:hover {
	  box-shadow: 0px 5px 20px 0px #0a75c6;
	}
	.main-list-li-box-image-href-img {
	  overflow: hidden;
	  border-radius: 5px;
	  display: flex;
	  justify-content: center;
	  align-content: center;
	  align-items: center;
	  height: 100%;
	}
	.main-list-li-box-image-href-img > img {
	  width: 100%;
	}
	.main-list-li-box-image-href-cen {
	  background: rgba(0, 0, 0, 0.5);
	  color: #fff;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  padding: 5px;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	  border-radius: 0 0 5px 5px;
	  text-align: center;
	}
	.main-list-li-box-page {
	  margin: 10px 0;
	  display: flex;
	  justify-content: center;
	  font-size: 14px;
	}
	.main-list-li-box-page-count {
	  border: 1px solid #DEDEDE;
	  padding: 5px 10px;
	}
	.main-list-li-box-page-li {
	  margin: 0 5px;
	  padding: 5px 15px;
	  cursor: pointer;
	  border: 1px solid #DEDEDE;
	  transition: 0.25s;
	}
	.main-list-li-box-page-li:hover {
	  background: #0a75c6;
	  color: #fff;
	}
	.main-list-li-box-page-li.li-active {
	  border: 1px solid #0d83dd;
	  background: #0d83dd;
	  color: #fff;
	}
	.main-list-li-box-page-go {
	  display: flex;
	  justify-content: space-between;
	}
	.main-list-li-box-page-go > input {
	  border: 1px solid #DEDEDE;
	  width: 50px;
	  height: 30px;
	  text-align: center;
	}
	.main-list-li-box-page-go > span,.main-list-li-box-page-go > a {
	  background: #0d83dd;
	  line-height: 30px;
	  color: #fff;
	  display: block;
	  padding: 0 15px;
	  margin: 0 5px;
	}
	.main-list-li-box-table {
	  width: 100%;
	}
	.main-list-li-box-table-header {
	  background: #0e81da;
	  color: #fff;
	}
	.main-list-li-box-table-header-tr > th {
	  text-align: center;
	  font-size: 16px;
	  height: 40px;
	  line-height: 40px;
	}
	.main-list-li-box-table-body-tr:nth-of-type(even) {
	  background: #f3fdff;
	}
	.main-list-li-box-table-body-tr {
	  cursor: pointer;
	}
	.main-list-li-box-table-body-tr > td {
	  text-align: center;
	  padding: 15px 0;
	}
	.main-list-li-box-table-body-tr:hover {
	  background: #4aa6ec;
	  color: #fff;
	}
	.main-inside {
	  display: flex;
	  justify-content: space-between;
	}
	.main-inside-left {
	  width: 275px;
	  box-shadow: 0px 5px 19px 0px #EBEBEB;
	}
	.main-inside-left-content-title-link {
	  border-bottom: 1px solid #3A96ED;
	  background: url("../../assets/npage-tit.png") no-repeat left;
	  height: 36px;
	  line-height: 36px;
	  text-indent: 15px;
	  display: block;
	  font-size: 18px;
	  color: #fff;
	  font-weight: bold;
	  position: relative;
	}
	.main-inside-left-content-title-link::after {
	  content: '';
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 50px;
	  height: 35px;
	  background: url("../../assets/npage-more.png") no-repeat center;
	}
	.main-inside-left-content-title-img {
	  height: 200px;
	  border: 1px solid #3090DD;
	  margin: 30px 0 0 0;
	}
	.main-inside-left-content-title-img > img {
	  width: 260px;
	  margin: -15px 0 0 -1px;
	}
	.main-inside-left-content-info {
	  font-size: 14px;
	  padding: 10px;
	  background: #EFF6FB;
	  line-height: 2;
	  text-align: justify;
	}
	.main-inside-left-content-info-link {
	  color: #1481d8;
	}
	.main-inside-left-content-expert-link {
	  display: block;
	  padding: 10px;
	  position: relative;
	  height: 340px;
	  overflow: hidden;
	}
	.main-inside-left-content-expert-link:hover {
	  box-shadow: 0 0 10px #ccc;
	}
	.main-inside-left-content-expert-link-img {
	  width: 100%;
	  display: block;
	  object-fit: cover;
	}
	.main-inside-left-content-expert-link-tit {
	  text-align: center;
	  font-size: 14px;
	  position: absolute;
	  bottom: 10px;
	  left: 10px;
	  right: 10px;
	  padding: 5px;
	  background: rgba(0, 0, 0, 0.5);
	  color: #fff;
	}
	.main-inside-right {
	  flex: 1;
	  margin-left: 20px;
	  box-shadow: 0px 5px 19px 0px #EBEBEB;
	}
	.main-inside-right-box {
	  display: flex;
	  justify-content: space-between;
	}
	.main-inside-right-box-banner {
	  width: 580px;
	  height: 387px;
	  margin: 0;
	}
	.main-inside-right-box-banner-img {
	  width: 100%;
	  display: block;
	  position: relative;
	  height: 100%;
	}
	.main-inside-right-box-banner-img > img {
	  width: 100%;
	  display: block;
	  height: 100%;
	}
	.main-inside-right-box-banner-img > span,.main-inside-right-box-banner-img > a {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  color: #fff;
	  background: rgba(0, 0, 0, 0.7);
	  padding: 10px 0;
	  text-align: center;
	  font-size: 14px;
	}
	.main-inside-right-pagination {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.main-inside-right-pagination-link {
	  width: 285px;
	  height: 123px;
	  opacity: 0.5;
	}
	.main-inside-right-pagination-link > img {
	  width: 100%;
	  height: 100%;
	}
	.main-inside-right-pagination-link.active {
	  opacity: 1;
	}
	.main-inside-right-content {
	  margin-top: 20px;
	}
	.main-inside-right-content-title-link {
	  border-bottom: 1px solid #3A96ED;
	  background: url("../../assets/npage-tit.png") no-repeat left;
	  height: 36px;
	  line-height: 36px;
	  text-indent: 15px;
	  display: block;
	  font-size: 18px;
	  color: #fff;
	  font-weight: bold;
	  position: relative;
	}
	.main-inside-right-content-title-link::after {
	  content: '';
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 50px;
	  height: 35px;
	  background: url("../../assets/npage-more.png") no-repeat center;
	}
	.main-inside-right-content-li {
	  display: flex;
	  flex-wrap: wrap;
	  font-size: 14px;
	  justify-content: space-between;
	}
	.main-inside-right-content-li-link {
	  width: 50%;
	  padding: 5px 0;
	  text-indent: 25px;
	  position: relative;
	  display: flex;
	  justify-content: space-between;
	}
	.main-inside-right-content-li-link::after {
	  content: '';
	  position: absolute;
	  display: block;
	  width: 6px;
	  height: 3px;
	  top: 50%;
	  left: 10px;
	  margin-top: -3px;
	  background: #3b97ee;
	}
	.main-inside-right-content-li-link:hover > span,.main-inside-right-content-li-link:hover > a {
	  color: #3b97ee;
	}
	.main-inside-right-content-li-link-title {
	  width: 350px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.main-inside-right-content-li-link-time {
	  color: #939393;
	  padding-right: 10px;
	}
	.main-inside-right-content-text {
	  font-size: 14px;
	  text-indent: 2rem;
	  padding: 5px 10px;
	  line-height: 1.5;
	}
	.main-inside-right-content-text-title {
	  font-size: 16px;
	  font-weight: bold;
	}
	.main-inside-right-content-text > span,.main-inside-right-content-text > a {
	  color: #0b7ccd;
	}
	.main-inside-right-content-tag {
	  padding: 15px 0;
	  display: flex;
	  flex-wrap: wrap;
	}
	.main-inside-right-content-tag > span,.main-inside-right-content-tag > a  {
	  border: 6px solid #ebebeb;
	  font-size: 14px;
	  height: 34px;
	  line-height: 34px;
	  font-weight: 400;
	  border-radius: 10px;
	  padding: 0 15px;
	  margin: 10px;
	  background: #0e81da;
	  color: #fff;
	  transition: 0.25s;
	}
	.main-inside-right-content-tag > span:hover,.main-inside-right-content-tag > a:hover {
	  background: #fff;
	  color: #0e81da;
	  border: 6px solid #0e81da;
	}
	.main-science-box {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
	.main-science-blank {
	  width: 320px;
	}
	.main-science-blank-info {
	  background-image: linear-gradient(to right, #1181cb, #32b2c0);
	  padding: 10px;
	}
	.main-science-blank-info-title {
	  text-align: center;
	  font-size: 16px;
	  color: #fff;
	  padding: 5px 0 15px 0;
	}
	.main-science-blank-info-content {
	  border-top: 1px #1f97c6 solid;
	  padding-top: 15px;
	  display: flex;
	  justify-content: space-between;
	}
	.main-science-blank-info-content > img {
	  width: 120px;
	  height: 105px;
	}
	.main-science-blank-info-content > span ,.main-science-blank-info-content > a{
	  font-size: 14px;
	  line-height: 1.5;
	  color: #fff;
	  padding-left: 10px;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 5;
	  overflow: auto;
	}
	.main-science-blank-box {
	  margin-top: 25px;
	}
	.main-science-blank-box-title {
	  font-size: 16px;
	  background-image: linear-gradient(to right, #32b2c0, #1181cb);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  display: flex;
	  justify-content: space-between;
	  padding: 10px 0;
	}
	.main-science-blank-box-title > span {
		cursor:pointer;
	  font-size: 12px;
	}
	.main-science-blank-box-content {
	  border: 1px #dcefff solid;
	  height: 150px;
	  overflow: hidden;
	  background: url("../../assets/science5.jpg") no-repeat top;
	}
	.main-science-blank-box-content:hover {
	  overflow: auto;
	}
	.main-science-blank-box-content:hover::-webkit-scrollbar {
	  /*婊氬姩鏉℃暣浣撴牱寮�*/
	  width: 10px;
	  /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	  height: 1px;
	}
	.main-science-blank-box-content:hover::-webkit-scrollbar-thumb {
	  /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
	  border-radius: 10px;
	  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  background: #535353;
	}
	.main-science-blank-box-content:hover::-webkit-scrollbar-track {
	  /*婊氬姩鏉￠噷闈㈣建閬�*/
	  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  border-radius: 10px;
	  background: #ededed;
	}
	.main-science-blank-box-content-link {
	  display: block;
	  text-align: center;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  padding: 10px 0;
	  font-size: 14px;
	}
	.main-science-blank-box-content-link:hover {
	  background: #d0edff;
	}
	.main-science-blank-notify {
	  width: 320px;
	}
	.main-science-blank-notify-tab {
	  display: flex;
	  justify-content: space-between;
	}
	.main-science-blank-notify-tab-title {
	  cursor: pointer;
	  width: 50%;
	  text-align: center;
	  background-image: linear-gradient(to bottom, #1bc1d4, #66d4e1);
	  height: 45px;
	  line-height: 45px;
	  color: #fff;
	  font-size: 16px;
	}
	.main-science-blank-notify-tab-title:hover {
	  background-image: linear-gradient(to bottom, #007bd8, #3babfd);
	}
	.main-science-blank-notify-tab-title.active {
	  background-image: linear-gradient(to bottom, #007bd8, #3babfd);
	}
	.main-science-blank-notify-center-box-li {
	  padding: 5px 0 5px 0;
	  display: flex;
	  border-bottom: 1px transparent solid;
	}
	.main-science-blank-notify-center-box-li:hover {
	  border-bottom: 1px #e4e5e5 solid;
	}
	.main-science-blank-notify-center-box-li-time {
	  width: 70px;
	  font-size: 14px;
	  text-align: center;
	}
	.main-science-blank-notify-center-box-li-time-day {
	  border: 1px #dbdddc solid;
	  border-bottom: 0;
	  font-size: 16px;
	  padding: 5px 0;
	  font-weight: bold;
	}
	.main-science-blank-notify-center-box-li-time-year {
	  background: #0b7ccd;
	  font-size: 12px;
	  color: #fff;
	  padding: 5px 0;
	}
	.main-science-blank-notify-center-box-li-detail {
	  width: 220px;
	  padding: 0 10px;
	}
	.main-science-blank-notify-center-box-li-detail-tit {
	  color: #0b7ccd;
	  font-size: 14px;
	  line-height: 2;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	}
	.main-science-blank-notify-center-box-li-detail-sub {
	  color: #7f8381;
	  font-size: 12px;
	}
	.main-science-block {
	  margin-bottom: 25px;
	}
	.main-science-block.w500 {
	  width: 500px;
	}
	.main-science-block.w380 {
	  width: 380px;
	}
	.main-science-block-title {
	  font-size: 16px;
	  background-image: linear-gradient(to right, #32b2c0, #1181cb);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 10px 0;
	  border-bottom: 1px #dcefff solid;
	}
	.main-science-block-title > span {
	  font-size: 12px;
	  cursor:pointer;
	}
	.main-science-block-banner {
	  margin-top: 15px;
	}
	.main-science-block-banner-img {
	  width: 100%;
	  height: 342px;
	  position: relative;
	  display: block;
	}
	.main-science-block-banner-img > img {
	  width: 100%;
	  height: 100%;
	  display: block;
	}
	.main-science-block-banner-img > span {
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: rgba(0, 0, 0, 0.5);
	  color: #fff;
	  padding: 10px;
	}
	.main-science-block-banner-pagination {
	  text-align: right;
	}
	.main-science-block-li {
	  background: url("../../assets/science5.jpg") no-repeat top;
	  padding-top: 0px;
	  border: 1px #dcefff solid;
	}
	.main-science-block-li-link {
	  display: flex;
	  justify-content: space-between;
	  font-size: 14px;
	  padding: 5px 0;
	  position: relative;
	  transition: 0.25s;
	}
	.main-science-block-li-link::before {
	  content: '';
	  display: block;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  position: absolute;
	  top: 15px;
	  left: 5px;
	  background: #0b7ccd;
	}
	.main-science-block-li-link-title {
		overflow: hidden;
		max-width: 398px;
		white-space: nowrap;
		text-overflow: ellipsis;
	  text-indent: 15px;
	  cursor:pointer;
	}
	.main-science-block-li-link:hover {
	  color: #0c7acd;
	}
	.main-science-block-li-link-time {
	  width:100px;
	  text-align: right;
	  padding-right: 10px;
	  font-size: 12px;
	}
	.main-science-block-expert {
	  height: 247px;
	}
	.main-science-block-expert-img {
	  height: 248px;
	  position: relative;
	  display: flex;
	  align-items: center;
	}
	.main-science-block-expert-img > img {
	  width: 100%;
	  height: 100%;
	  display: block;
	}
	.main-science-block-expert-img > span {
	  display: block;
	  background: rgba(0, 0, 0, 0.5);
	  color: #fff;
	  padding: 10px;
	  font-size: 12px;
	  text-align: center;
	}
	.main-science-info {
	  display: flex;
	  justify-content: space-between;
	  border: 1px solid #e5e5e5;
	  border-top: 3px solid #0d83db;
	  padding: 5px;
	}
	.main-science-info-left {
	  width: 345px;
	  height: 180px;
	}
	.main-science-info-left-hot {
	  height: 100%;
	}
	.main-science-info-left-hot-img {
	  position: relative;
	  display: block;
	}
	.main-science-info-left-hot-img > img {
	  width: 100%;
	  height: 100%;
	  display: block;
	}
	.main-science-info-left-hot-img > span {
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: rgba(0, 0, 0, 0.5);
	  color: #fff;
	  padding: 10px;
	  font-size: 12px;
	  text-align: center;
	}
	.main-science-info-left-hot-pagination {
	  text-align: right;
	}
	.main-science-info-cen {
	  flex: 1;
	  padding: 0 15px;
	}
	.main-science-info-cen-title {
	  font-size: 16px;
	  font-weight: bold;
	  text-align: center;
	}
	.main-science-info-cen-text {
	  font-size: 14px;
	  text-indent: 2rem;
	  line-height: 2;
	}
	.main-science-info-cen-text > span {
	  color: #0b7ccd;
	}
	.main-science-info-right {
	  width: 345px;
	  height: 180px;
	}
	.main-science-link {
	  border: 1px solid #e5e5e5;
	  border-top: 3px solid #0d83db;
	  margin-top: 25px;
	}
	.main-science-link-title {
	  text-align: center;
	  font-size: 16px;
	  height: 54px;
	  line-height: 34px;
	  color: #fff;
	  background: url("../../assets/science7.jpg") no-repeat center;
	}
	.main-science-link-li {
	  display: flex;
	  flex-wrap: wrap;
	  padding: 15px 0;
	}
	.main-science-link-li > span,.main-science-link-li > a {
	  width: 194px;
	  text-align: center;
	  font-size: 14px;
	  padding: 5px 0;
	}
	.main-science-link-li > span,.main-science-link-li > a:hover {
	  color: #0b7ccd;
	}
	.main-dang-tit {
	  display: block;
	  font-size: 20px;
	  color: #c9040a;
	  font-weight: bold;
	  padding: 15px 0 30px 0;
	}
	.main-dang-box {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
	.main-dang-box1 {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
	.main-dang-box > div {
	  width: 49%;
	  height: 400px;
	  margin: 0;
	}
	.main-dang-box1 > div {
	  width: 66%;
	  height: 400px;
	  margin: 0;
	}
	.main-dang-box-news1{
	  width: 31%!important;
	  height: 400px;
	  margin: 0;}
	.main-dang-box-news2{
	  width: 31%!important;
	  height: 400px;
	  margin: 0;}
	.main-dang-box-banner {
	  width: 100%;
	  height: inherit;
	}
	.main-dang-box-banner-img {
	  height: 100%;
	  position: relative;
	  display: block;
	}
	.main-dang-box-banner-img > img {
	  width: 100%;
	  height: 100%;
	}
	.main-dang-box-banner-img > span,.main-dang-box-banner-img > a {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 40px;
	  line-height: 40px;
	  background: rgba(0, 0, 0, 0.5);
	  font-size: 14px;
	  color: #fff;
	  text-indent: 10px;
	}
	.main-dang-box-banner .swiper-pagination {
	  text-align: right;
	}
	.main-dang-box-news-tit {
	  font-size: 18px;
	  font-weight: bold;
	  display: block;
	}
	.main-dang-box-news-sub {
	  margin: 25px 0 0 0;
	  font-size: 24px;
	  position: relative;
	  text-indent: 10px;
	  padding: 0 0 0 10px;
	  color:#c9040a;
	}
	.main-dang-box-news-sub:before {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 10px;
	  left: 0;
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background: #c9040a;
	}
	.main-dang-box-news-li {
	  font-size: 14px;
	  min-height: 170px;
	  padding: 15px 0;
	}
	.main-dang-box-news-li-tit {
	  display: block;
	  line-height: 2;
	  transition: 0.25s;
	  padding: 0 0 0 15px;
	  position: relative;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.main-dang-box-news-li-tit:before {
	  content: '';
	  display: block;
	  width: 5px;
	  height: 5px;
	  position: absolute;
	  top: 12.5px;
	  left: 5px;
	  border-radius: 50%;
	  background: #c9040a;
	}
	.main-dang-box-news-li-tit:hover {
	  color: #0b7ccd;
	}
	.main-dang-box2 {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
	.main-dang-box2 > div {
	  width: 33%;
	  height: 400px;
	  margin: 0;
	}
	.swiper-container1{
	   width: 98%!important;
	}
	.swiper-wrapper1{
	position: relative;
	  margin-top:-76px;
	 width: 100%;
	 /* height: 100%; */
	 z-index: 1;
	 display: flex;
	 transition-property: transform;
	 box-sizing: content-box;
	}
	.main-dang-box2-banner {
	  width: 100%;
	  height: inherit;
	}
	.main-dang-box2-banner-img {
	  height: 100%;
	  position: relative;
	  display: block;
	}
	.main-dang-box2-banner-img > img {
	  width: 100%;
	}
	.main-dang-box2-banner-img > span,.main-dang-box2-banner-img > a {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 40px;
	  line-height: 40px;
	  background: rgba(0, 0, 0, 0.5);
	  font-size: 14px;
	  color: #fff;
	  text-indent: 10px;
	}
	.main-dang-box2-banner .swiper-pagination {
	  text-align: right;
	}
	.main-dang-box2-news-tit {
	  font-size: 18px;
	  font-weight: bold;
	  display: block;
	}
	.main-dang-box2-news-sub {
	  margin: -289px 0 0 0;
	  font-size: 24px;
	  position: relative;
	  text-indent: 10px;
	  padding: 0 0 0 10px;
	}
	.main-dang-box2-news-sub:before {
	  content: "";
	  display: block;
	  position: absolute;
	  top: 10px;
	  left: 0;
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background: #c9040a;
	}
	.main-dang-box2-news-li {
	  font-size: 14px;
	  min-height: 170px;
	  padding: 15px 0;
	}
	.main-dang-box2-news-li-tit {
	  display: block;
	  line-height: 2;
	  transition: 0.25s;
	  padding: 0 0 0 15px;
	  position: relative;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.main-dang-box2-news-li-tit:before {
	  content: "";
	  display: block;
	  width: 5px;
	  height: 5px;
	  position: absolute;
	  top: 12.5px;
	  left: 5px;
	  border-radius: 50%;
	  background: #c9040a;
	}
	.main-dang-box2-news-li-tit:hover {
	  color: #0b7ccd;
	}
	
	.main-platform-box {
	  display: flex;
	  justify-content: space-between;
	}
	.main-platform-box-banner {
	  margin: 0;
	  width: 450px;
	  height: 350px;
	}
	.main-platform-box-banner-img {
	  height: 100%;
	  position: relative;
	  display: block;
	}
	.main-platform-box-banner-img > img {
	  width: 100%;
	  height: 100%;
	}
	.main-platform-box-banner-img > span ,.main-platform-box-banner-img > a {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 40px;
	  line-height: 40px;
	  background: rgba(0, 0, 0, 0.5);
	  font-size: 14px;
	  color: #fff;
	  text-indent: 10px;
	}
	.main-platform-box-detail {
	  width: 420px;
	}
	.main-platform-box-detail-tit {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  border-bottom: 1px #c9ddf1 solid;
	}
	.main-platform-box-detail-tit-name {
	  font-size: 18px;
	  color: #3982ca;
	  padding: 10px 0;
	  position: relative;
	}
	.main-platform-box-detail-tit-name:before,
	.main-platform-box-detail-tit-name:after {
	  content: '';
	  display: block;
	  width: 50%;
	  height: 3px;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	}
	.main-platform-box-detail-tit-name:before {
	  background: #5ba566;
	}
	.main-platform-box-detail-tit-name:after {
	  left: 50%;
	  background: #3982ca;
	}
	.main-platform-box-detail-tit > span,.main-platform-box-detail-tit > a {
	  font-size: 12px;
	  color: #0b7ccd;
	}
	.main-platform-box-detail-list {
	  font-size: 14px;
	  padding: 6px 0;
	}
	.main-platform-box-detail-list-li {
	  display: flex;
	  justify-content: space-between;
	  position: relative;
	  padding: 5px 0 5px 15px;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  transition: 0.25s;
	}
	.main-platform-box-detail-list-li:hover {
	  color: #0b7ccd;
	}
	.main-platform-box-detail-list-li:before {
	  content: '';
	  display: block;
	  position: absolute;
	  left: 0;
	  top: 12.5px;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  background: #0b7ccd;
	}
	.main-platform-box-detail-list-li-text {
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  width: 350px;
	}
	.main-platform-box-detail-list-li-time {
	  color: #797979;
	  width: 50px;
	  text-align: center;
	}
	.main-platform-box-intro {
	  width: 250px;
	  background: #3272b4;
	}
	.main-platform-box-intro-tit {
	  font-size: 18px;
	  color: #cae1fa;
	  text-align: center;
	  padding: 20px 0;
	}
	.main-platform-box-intro-img {
	  text-align: center;
	}
	.main-platform-box-intro-img > img {
	  width: 220px;
	}
	.main-platform-box-intro-cen {
	  font-size: 14px;
	  padding: 10px;
	  height: 150px;
	  overflow: auto;
	  color: #cae1fa;
	}
	.main-platform-box-inflow {
	  margin: 15px 0;
	}
	.main-platform-box-inflow-tit {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  border-bottom: 1px #c9ddf1 solid;
	}
	.main-platform-box-inflow-tit-name {
	  font-size: 18px;
	  color: #3982ca;
	  padding: 10px 0;
	  position: relative;
	}
	.main-platform-box-inflow-tit-name:before,
	.main-platform-box-inflow-tit-name:after {
	  content: '';
	  display: block;
	  width: 50%;
	  height: 3px;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	}
	.main-platform-box-inflow-tit-name:before {
	  background: #5ba566;
	}
	.main-platform-box-inflow-tit-name:after {
	  left: 50%;
	  background: #3982ca;
	}
	.main-platform-box-inflow-tit > span,.main-platform-box-inflow-tit > a {
	  font-size: 12px;
	  color: #0b7ccd;
	}
	.main-platform-box-inflow-cen {
	  background: #f3f9ff;
	  width: 900px;
	  padding: 15px 0;
	  display: flex;
	  justify-content: space-between;
	}
	.main-platform-box-inflow-cen-banner {
	  margin: 0;
	  width: 300px;
	  height: 200px;
	}
	.main-platform-box-inflow-cen-banner-img {
	  height: 100%;
	  position: relative;
	  display: block;
	}
	.main-platform-box-inflow-cen-banner-img > img {
	  width: 100%;
	  height: 100%;
	}
	.main-platform-box-inflow-cen-banner-img > span,.main-platform-box-inflow-cen-banner-img > a {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 40px;
	  line-height: 40px;
	  background: rgba(0, 0, 0, 0.5);
	  font-size: 14px;
	  color: #fff;
	  text-indent: 10px;
	}
	.main-platform-box-inflow-cen-list-li {
	  display: flex;
	  justify-content: space-between;
	  font-size: 14px;
	  padding: 5px 0;
	  position: relative;
	  transition: 0.25s;
	}
	.main-platform-box-inflow-cen-list-li:before {
	  content: '';
	  display: block;
	  position: absolute;
	  left: 0;
	  top: 12.5px;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  background: #0b7ccd;
	}
	.main-platform-box-inflow-cen-list-li:hover {
	  color: #0b7ccd;
	}
	.main-platform-box-inflow-cen-list-li-text {
	  padding-left: 15px;
	  width: 520px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}
	.main-platform-box-inflow-cen-list-li-time {
	  width: 50px;
	  text-align: center;
	}
	.main-platform-box-list {
	  width: 250px;
	  margin: 15px 0;
	}
	.main-platform-box-list-li {
	  display: flex;
	  padding: 15px 0;
	  margin: 10px 0;
	  font-size: 14px;
	  transition: 0.25s;
	}
	.main-platform-box-list-li:hover {
	  box-shadow: 0 0 10px #ccc;
	}
	.main-platform-box-list-li:nth-child(1) {
	  background: #e5f4ff;
	  border: 1px #cfe6f8 solid;
	}
	.main-platform-box-list-li:nth-child(2) {
	  background: #ffeedc;
	  border: 1px #eccd90 solid;
	}
	.main-platform-box-list-li:nth-child(3) {
	  background: #d2f6da;
	  border: 1px #eccd90 solid;
	}
	.main-platform-box-list-li-img {
	  margin: 0 0 0 15px;
	}
	.footer {
	  width: 100%;
	  background: #0E81DA;
	}
	.footer-box {
	  font-size: 14px;
	  width: 1200px;
	  height: 150px;
	  margin: 0 auto;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  align-content: center;
	}
	.footer-box-flag {
	  padding: 0 25px;
	}
	.footer-box-flag > img {
	  width: 52px;
	  height: 63px;
	}
	.footer-box-bottom {
	  line-height: 2;
	}
	.footer-box-bottom-nav > span,.footer-box-bottom-nav > a {
	  text-align: center;
	  display: inline-block;
	  padding: 0 15px;
	  min-width: 55px;
	  color: #cfe3f3;
	  position: relative;
	}
	.footer-box-bottom-nav > span:after,.footer-box-bottom-nav > a:after {
	  content: '';
	  width: 1px;
	  height: 15px;
	  display: block;
	  background: #3D97DC;
	  position: absolute;
	  top: 6px;
	  right: 0;
	}
	.footer-box-bottom-nav > span:last-child:after,.footer-box-bottom-nav > a:last-child:after {
	  display: none;
	}
	.footer-box-bottom-text {
	  color: #add2ee;
	}
	.dang .main-list-nav-title {
	  background: none;
	  background: url(../../assets/About-tilbg.jpg) no-repeat center;
	}
	.dang .main-list-nav-content.content-active,
	.dang .main-list-li-title-left,
	.dang .main-list-li-title-right > span:last-child,
	.dang .main-list-li-box-link-href-txt {
	  color: #0d83dd;
	}
	.dang .main-list-nav-content.content-active:after,
	.dang .main-list-li-box-link-href:after,
	.dang .main-list-nav-content:hover:after,
	.dang .main-list-li-box-page-go > span,.dang .main-list-li-box-page-go > a,
	.dang .main-list-li-box-page-li:hover {
	  background: #0d83dd;
	}
	.dang .main-list-nav-content:hover {
	  color: #0d83dd;
	}
	.dang .main-list-li-box-page-li.li-active {
	  background:  #0d83dd;
	  border: 1px solid  #0d83dd;
	}
	
	.jhw .main-list-nav-title {
	  background: none;
	  background: #C9050B;
	  font-size:17px;
	}
	.jhw .main-list-nav-content{
	  color:#C9050B;
	}
	.jhw .main-list-nav-content.content-active,
	.jhw .main-list-nav-content:hover{
		color:#fff;
	    background: #C9050B;
	}
	.jhw .main-list-li-title-left,
	.jhw .main-list-li-title-right > span:last-child,
	.jhw .main-list-li-box-link-href-txt {
	    color: #C9050B;
	}
	.jhw .main-list-li-box-link-href-txt {
	    width:91%;
	}
	.jhw .main-list-nav-content.content-active:after,
	.jhw .main-list-li-box-link-href:after,
	.jhw .main-list-nav-content:hover:after,
	.jhw .main-list-li-box-page-go > span,
	.jhw .main-list-li-box-page-li:hover {
	  background: #C9050B;
	}
	.jhw .main-list-li-box-page-li.li-active {
	  background:  #C9050B;
	  border: 1px solid  #C9050B;
	}
	.none {
	  display: none;
	}
	.red {
	  color: red;
	}
	.suspension {
	  position: fixed;
	  right: 30px;
	  top: 30%;
	  z-index: 10;
	  transition: 0.5s;
	}
	
	.suspensionLeft {
	  position: fixed;
	  left: 30px;
	  top: 30%;
	  z-index: 10;
	  transition: 0.5s;
	}
	
	.suspension-wchat {
	  padding-top: 15px;
	  background: #5ea0d2;
	}
	.suspension-wchat-rq {
	  margin: 0 auto;
	  width: 120px;
	}
	.suspension-wchat-rq > img {
	  width: 100%;
	}
	.suspension-wchat-title {
	  text-align: center;
	  margin: 0 auto;
	  color: #fbfeff;
	  font-size: 12px;
	  width: 120px;
	  padding: 0 0 10px 0;
	}
	.suspension-wchat-search {
	  padding: 0 10px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  border-top: 1px #fbfeff solid;
	}
	.suspension-wchat-search > img {
	  width: 15px;
	  height: 15px;
	  cursor: pointer;
	}
	.suspension-wchat-search > input {
	  display: block;
	  width: 100px;
	  height: 35px;
	  background: #5ea0d2;
	  color: #fff;
	  font-size: 12px;
	  cursor: pointer;
	}
	.suspension-wchat-search > input::placeholder {
	  color: #fbfeff;
	}
	.suspension-report {
	  padding-top: 15px;
	}
	.suspension-report > img {
	  width: 150px;
	  display: block;
	}
	
	.suspension-report1 {
	  padding-top: 15px;
	}
	.suspension-report1 > img {
	  width: 150px;
	  display: block;
	}
	
	.suspension-arrow {
	 
	  width: 45px;
	  height: 45px;
	  position: absolute;
	  top: -30px;
	  right: 180px;
	  cursor: pointer;
	  background: url("../../assets/search.png") #5ea0d2 no-repeat center;
	  object-fit: cover;
	}
	.suspension-close {
	  position: absolute;
	  top: -30px;
	  right: 0;
	  background: url('../../assets/yctk.png') no-repeat center;
	  width: 25px;
	  height: 25px;
	  cursor: pointer;
	}
	.swiper-button-next,
	.swiper-button-prev {
	  width: 20px;
	  height: 40px;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
	  content: '';
	}
	.swiper-button-next {
	  right: 0;
	  background: rgba(0, 0, 0, 0.5) url("../../assets/jt.png") no-repeat -35px 11.5px;
	}
	.swiper-button-prev {
	  left: 0;
	  background: rgba(0, 0, 0, 0.5) url("../../assets/jt.png") no-repeat 5px 11.5px;
	}
	.nddbxcg-list-wrap{
	
	}
	.nddbxcg-list-title{
	  position:relative;
	  cursor: default;}
	.nddbxcg-list-title i {
	    display: inline-block;
	    width: 14px;
	    height: 14px;
	    background: url(../../assets/icon_arrow_down_b.png) no-repeat center;
	    background-size: contain;
	    position: absolute;
	    right: 8px;
	    top: 17px;
	}
	.nddbxcg-list-title:hover i ,.nddbxcg-list-title.content-active i{
	  	background-image: url(../../assets/icon_arrow_down_w.png)
	}
	.nddbxcg-list-title.active i{
		transform: rotate(180deg);
	}
	.nddbxcg-list-content{
		background: #fff;
	    border: 1px solid #e4e4e4;
	    padding-top: 10px;
	    padding-bottom: 27px;
	    width: 100%;
	    display: block;
	  	box-sizing: border-box;
	}
	.nddbxcg-list-content-item{
	  text-align:center;
	  height:32px; 
	  line-height:32px;
	}
	.nddbxcg-list-content-item:hover{
		background-color: rgb(230, 245, 255);
	    display: block;
	    color: #2d66a5;
	}
	.nddbxcg-list-content-item a{
	  height:32px; 
	  line-height:32px;
	  
	}
	.nddbxcg-list-content-item a:hover {
	    color: #2d66a5;
	    font-size: 16px;
	    font-weight: 600;
	}
	.nddbxcg-list-content-item span,.nddbxcg-list-content-item a{
	  font-size: 35px;
	    margin-right: 10px;
	  vertical-align: bottom;
	}
	/* .main-details-content1 {
	 font-family: '瀹嬩綋';
	}
	.main-details-content1 > * {
	 font-family: '瀹嬩綋' !important;
	} */
	.main-details-content1 img {
	 width: 100%;
	 display: block;
	 margin: 0 auto;
	}
	  /*瑕嗙洊鏍峰紡*/
	  .main-list-nav-content{
	    margin-top: 15px;
	    color: rgb(45, 102, 165);
	    font-size: 22px;
	    display: block;
	    background: #fff;
	    border: 1px solid #ddd;
	  }
	 .main-list-nav-content.content-active,.main-list-nav-content:hover{
	   color: #fff;
	   background-color: rgb(45, 102, 165);
	}
	
	.main-list-nav-content:hover::after {
		display:none;
	}
	
	
	
	html, body {
	  font-family: 微软雅黑,-apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, SimHei, sans-serif
	}
	
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	  margin: 0;
	  padding: 0
	}
	
	input, select, textarea {
	  font-size: 100%;
	  border: 0;
	  outline:none;
	}
	
	table {
	  border-collapse: collapse;
	  border-spacing: 0
	}
	
	fieldset, img {
	  border: 0
	}
	
	abbr, acronym {
	  border: 0;
	  font-variant: normal
	}
	
	del {
	  text-decoration: line-through
	}
	
	address, caption, cite, code, dfn, em, th, var {
	  font-style: normal;
	  font-weight: 500
	}
	
	ol, ul {
	  list-style: none
	}
	
	caption, th {
	  text-align: left
	}
	
	h1, h2, h3, h4, h5, h6 {
	  font-size: 100%;
	  font-weight: 500
	}
	
	q:before, q:after {
	  content: ''
	}
	
	sub, sup {
	  font-size: 75%;
	  line-height: 0;
	  position: relative;
	  vertical-align: baseline
	}
	
	sup {
	  top: -.5em
	}
	
	sub {
	  bottom: -.25em
	}
	
	/*a:hover {
	  text-decoration: underline
	}*/
	
	ins, a {
	  text-decoration: none
	}
	
	.wrap-page{
		
	  background: url("../../assets/dbg.jpg") no-repeat top;
	}
	.begray{
	 -webkit-filter: grayscale(100%);
	     -moz-filter: grayscale(100%);
	     -ms-filter: grayscale(100%);
	     -o-filter: grayscale(100%);
	     filter: grayscale(100%);
	     filter: gray;
	}
	a {
	  color: #000;
	}
	
	input::-webkit-outer-spin-button,
	
	input::-webkit-inner-spin-button { -webkit-appearance: none; }
	
	input[type="number"]{ -moz-appearance: textfield; }
	
	.clear-fix:before, /*:before处理margin上下重叠*/
	.clear-fix:after {
	  content: "";
	  display: table;
	}
	.clear-fix:after {
	  clear: both;
	}
	.clear-fix {
	  zoom: 1;
	}
	.none-bg{
	  background: none;
	}
</style>